Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-20 04:14:29 -07:00
Code Issues Packages Projects Releases Wiki Activity

Update variable JSONs

Browse Source
This commit is contained in:
Jeremy Thomas
2019-10-13 16:31:23 +01:00
parent 817c676a79
commit d0c84b97c9
26 changed files with 299 additions and 97 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
docs/_data/variables/utilities/controls.json
View File

@@ -21,7 +21,7 @@
},
"$control-height": {
"name": "$control-height",
"value": "2.25em",
"value": "2.5em",
"type": "size"
},
"$control-line-height": {
@@ -31,12 +31,12 @@
},
"$control-padding-vertical": {
"name": "$control-padding-vertical",
"value": "calc(0.375em - #{$control-border-width})",
"value": "calc(0.5em - #{$control-border-width})",
"type": "size"
},
"$control-padding-horizontal": {
"name": "$control-padding-horizontal",
"value": "calc(0.625em - #{$control-border-width})",
"value": "calc(0.75em - #{$control-border-width})",
"type": "size"
}
},

164
docs/_data/variables/utilities/derived-variables.json
View File

@@ -12,14 +12,14 @@
"value": "$cyan",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(204, 86%, 53%)"
"computed_value": "hsl(204, 71%, 53%)"
},
"$success": {
"name": "$success",
"value": "$green",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(141, 71%, 48%)"
"computed_value": "hsl(141, 53%, 53%)"
},
"$warning": {
"name": "$warning",
@@ -33,7 +33,7 @@
"value": "$red",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(348, 100%, 61%)"
"computed_value": "hsl(348, 86%, 61%)"
},
"$light": {
"name": "$light",
@@ -108,52 +108,144 @@
"$primary-invert": {
"name": "$primary-invert",
"value": "findColorInvert($primary)",
"type": "variable",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$primary-light": {
"name": "$primary-light",
"value": "findLightColor($primary)",
"type": "compound"
},
"$primary-dark": {
"name": "$primary-dark",
"value": "findDarkColor($primary)",
"type": "compound"
},
"$info-invert": {
"name": "$info-invert",
"value": "findColorInvert($info)",
"type": "variable",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$info-light": {
"name": "$info-light",
"value": "findLightColor($info)",
"type": "compound"
},
"$info-dark": {
"name": "$info-dark",
"value": "findDarkColor($info)",
"type": "compound"
},
"$success-invert": {
"name": "$success-invert",
"value": "findColorInvert($success)",
"type": "variable",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$success-light": {
"name": "$success-light",
"value": "findLightColor($success)",
"type": "compound"
},
"$success-dark": {
"name": "$success-dark",
"value": "findDarkColor($success)",
"type": "compound"
},
"$warning-invert": {
"name": "$warning-invert",
"value": "findColorInvert($warning)",
"type": "variable",
"type": "function",
"computed_type": "color",
"computed_value": "rgba(0, 0, 0, 0.7)"
"computed_value": "#fff"
},
"$warning-light": {
"name": "$warning-light",
"value": "findLightColor($warning)",
"type": "compound"
},
"$warning-dark": {
"name": "$warning-dark",
"value": "findDarkColor($warning)",
"type": "compound"
},
"$danger-invert": {
"name": "$danger-invert",
"value": "findColorInvert($danger)",
"type": "variable",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$danger-light": {
"name": "$danger-light",
"value": "findLightColor($danger)",
"type": "compound"
},
"$danger-dark": {
"name": "$danger-dark",
"value": "findDarkColor($danger)",
"type": "compound"
},
"$light-invert": {
"name": "$light-invert",
"value": "findColorInvert($light)",
"type": "variable",
"type": "function",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
"computed_value": "#fff"
},
"$dark-invert": {
"name": "$dark-invert",
"value": "findColorInvert($dark)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$scheme-main": {
"name": "$scheme-main",
"value": "$white",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"$scheme-main-bis": {
"name": "$scheme-main-bis",
"value": "$white-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 98%)"
},
"$scheme-main-ter": {
"name": "$scheme-main-ter",
"value": "$white-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$scheme-invert": {
"name": "$scheme-invert",
"value": "$black",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 4%)"
},
"$scheme-invert-bis": {
"name": "$scheme-invert-bis",
"value": "$black-bis",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 7%)"
},
"$scheme-invert-ter": {
"name": "$scheme-invert-ter",
"value": "$black-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 14%)"
},
"$background": {
"name": "$background",
"value": "$white-ter",
@@ -175,6 +267,20 @@
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$border-light": {
"name": "$border-light",
"value": "$grey-lightest",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 93%)"
},
"$border-light-hover": {
"name": "$border-light-hover",
"value": "$grey-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$text": {
"name": "$text",
"value": "$grey-dark",
@@ -208,7 +314,7 @@
"value": "$red",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(348, 100%, 61%)"
"computed_value": "hsl(348, 86%, 61%)"
},
"$code-background": {
"name": "$code-background",
@@ -241,10 +347,20 @@
"$link-invert": {
"name": "$link-invert",
"value": "findColorInvert($link)",
"type": "variable",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$link-light": {
"name": "$link-light",
"value": "findLightColor($link)",
"type": "compound"
},
"$link-dark": {
"name": "$link-dark",
"value": "findDarkColor($link)",
"type": "compound"
},
"$link-visited": {
"name": "$link-visited",
"value": "$purple",
@@ -355,7 +471,7 @@
},
"$colors": {
"name": "$colors",
"value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert), \"link\": ($link, $link-invert), \"info\": ($info, $info-invert), \"success\": ($success, $success-invert), \"warning\": ($warning, $warning-invert), \"danger\": ($danger, $danger-invert)), $custom-colors)",
"value": "mergeColorMaps((\"white\": ($white, $black), \"black\": ($black, $white), \"light\": ($light, $light-invert), \"dark\": ($dark, $dark-invert), \"primary\": ($primary, $primary-invert, $primary-light, $primary-dark), \"link\": ($link, $link-invert, $link-light, $link-dark), \"info\": ($info, $info-invert, $info-light, $info-dark), \"success\": ($success, $success-invert, $success-light, $success-dark), \"warning\": ($warning, $warning-invert, $warning-light, $warning-dark), \"danger\": ($danger, $danger-invert, $danger-light, $danger-dark)), $custom-colors)",
"type": "function"
},
"$shades": {
@@ -386,15 +502,33 @@
"$purple-invert",
"$red-invert",
"$primary-invert",
"$primary-light",
"$primary-dark",
"$info-invert",
"$info-light",
"$info-dark",
"$success-invert",
"$success-light",
"$success-dark",
"$warning-invert",
"$warning-light",
"$warning-dark",
"$danger-invert",
"$danger-light",
"$danger-dark",
"$light-invert",
"$dark-invert",
"$scheme-main",
"$scheme-main-bis",
"$scheme-main-ter",
"$scheme-invert",
"$scheme-invert-bis",
"$scheme-invert-ter",
"$background",
"$border",
"$border-hover",
"$border-light",
"$border-light-hover",
"$text",
"$text-invert",
"$text-light",
@@ -405,6 +539,8 @@
"$pre-background",
"$link",
"$link-invert",
"$link-light",
"$link-dark",
"$link-visited",
"$link-hover",
"$link-hover-border",

12
docs/_data/variables/utilities/initial-variables.json
View File

@@ -40,6 +40,11 @@
"value": "hsl(0, 0%, 86%)",
"type": "color"
},
"$grey-lightest": {
"name": "$grey-lightest",
"value": "hsl(0, 0%, 93%)",
"type": "color"
},
"$white-ter": {
"name": "$white-ter",
"value": "hsl(0, 0%, 96%)",
@@ -67,7 +72,7 @@
},
"$green": {
"name": "$green",
"value": "hsl(141, 71%, 48%)",
"value": "hsl(141, 53%, 53%)",
"type": "color"
},
"$turquoise": {
@@ -77,7 +82,7 @@
},
"$cyan": {
"name": "$cyan",
"value": "hsl(204, 86%, 53%)",
"value": "hsl(204, 71%, 53%)",
"type": "color"
},
"$blue": {
@@ -92,7 +97,7 @@
},
"$red": {
"name": "$red",
"value": "hsl(348, 100%, 61%)",
"value": "hsl(348, 86%, 61%)",
"type": "color"
},
"$family-sans-serif": {
@@ -255,6 +260,7 @@
"$grey",
"$grey-light",
"$grey-lighter",
"$grey-lightest",
"$white-ter",
"$white-bis",
"$white",