bulma/docs/_data/variables/utilities/derived-variables.json
bstashio 1523ce8527 Docs/variables data (#1314)
* Replace variables.json with colors.json and update related files accordingly

* Add variables data files

* Update variables include template and all related files to use new variables data

* Fix mobile breakpoint id typo in responsivness docs page

* Fix Liquid syntax error in made-with-bulma docs page

* Update bulma sass files count in modular docs page

* Use breakpoints data in responsiveness helpers docs page

* Use breakpoints and variables data in typography helpers docs page

* Add missing page titles in docs pages front matter
2017-10-17 10:28:59 +01:00

265 lines
6.5 KiB
JSON

{
"dir_name": "utilities",
"file_name": "derived-variables",
"file_relative_path": "utilities/derived-variables.sass",
"file_line_from": 1,
"file_line_to": 82,
"file_url": "https://github.com/jgthms/bulma/blob/master/sass/utilities/derived-variables.sass#L1,L82",
"vars": {
"primary": {
"id": "primary",
"name": "$primary",
"value": "$turquoise"
},
"info": {
"id": "info",
"name": "$info",
"value": "$cyan"
},
"success": {
"id": "success",
"name": "$success",
"value": "$green"
},
"warning": {
"id": "warning",
"name": "$warning",
"value": "$yellow"
},
"danger": {
"id": "danger",
"name": "$danger",
"value": "$red"
},
"light": {
"id": "light",
"name": "$light",
"value": "$white-ter"
},
"dark": {
"id": "dark",
"name": "$dark",
"value": "$grey-darker"
},
"orange-invert": {
"id": "orange-invert",
"name": "$orange-invert",
"value": "findColorInvert($orange)"
},
"yellow-invert": {
"id": "yellow-invert",
"name": "$yellow-invert",
"value": "findColorInvert($yellow)"
},
"green-invert": {
"id": "green-invert",
"name": "$green-invert",
"value": "findColorInvert($green)"
},
"turquoise-invert": {
"id": "turquoise-invert",
"name": "$turquoise-invert",
"value": "findColorInvert($turquoise)"
},
"cyan-invert": {
"id": "cyan-invert",
"name": "$cyan-invert",
"value": "findColorInvert($cyan)"
},
"blue-invert": {
"id": "blue-invert",
"name": "$blue-invert",
"value": "findColorInvert($blue)"
},
"purple-invert": {
"id": "purple-invert",
"name": "$purple-invert",
"value": "findColorInvert($purple)"
},
"red-invert": {
"id": "red-invert",
"name": "$red-invert",
"value": "findColorInvert($red)"
},
"primary-invert": {
"id": "primary-invert",
"name": "$primary-invert",
"value": "$turquoise-invert"
},
"info-invert": {
"id": "info-invert",
"name": "$info-invert",
"value": "$cyan-invert"
},
"success-invert": {
"id": "success-invert",
"name": "$success-invert",
"value": "$green-invert"
},
"warning-invert": {
"id": "warning-invert",
"name": "$warning-invert",
"value": "$yellow-invert"
},
"danger-invert": {
"id": "danger-invert",
"name": "$danger-invert",
"value": "$red-invert"
},
"light-invert": {
"id": "light-invert",
"name": "$light-invert",
"value": "$dark"
},
"dark-invert": {
"id": "dark-invert",
"name": "$dark-invert",
"value": "$light"
},
"background": {
"id": "background",
"name": "$background",
"value": "$white-ter"
},
"border": {
"id": "border",
"name": "$border",
"value": "$grey-lighter"
},
"border-hover": {
"id": "border-hover",
"name": "$border-hover",
"value": "$grey-light"
},
"text": {
"id": "text",
"name": "$text",
"value": "$grey-dark"
},
"text-invert": {
"id": "text-invert",
"name": "$text-invert",
"value": "findColorInvert($text)"
},
"text-light": {
"id": "text-light",
"name": "$text-light",
"value": "$grey"
},
"text-strong": {
"id": "text-strong",
"name": "$text-strong",
"value": "$grey-darker"
},
"code": {
"id": "code",
"name": "$code",
"value": "$red"
},
"code-background": {
"id": "code-background",
"name": "$code-background",
"value": "$background"
},
"pre": {
"id": "pre",
"name": "$pre",
"value": "$text"
},
"pre-background": {
"id": "pre-background",
"name": "$pre-background",
"value": "$background"
},
"link": {
"id": "link",
"name": "$link",
"value": "$blue"
},
"link-invert": {
"id": "link-invert",
"name": "$link-invert",
"value": "$blue-invert"
},
"link-visited": {
"id": "link-visited",
"name": "$link-visited",
"value": "$purple"
},
"link-hover": {
"id": "link-hover",
"name": "$link-hover",
"value": "$grey-darker"
},
"link-hover-border": {
"id": "link-hover-border",
"name": "$link-hover-border",
"value": "$grey-light"
},
"link-focus": {
"id": "link-focus",
"name": "$link-focus",
"value": "$grey-darker"
},
"link-focus-border": {
"id": "link-focus-border",
"name": "$link-focus-border",
"value": "$blue"
},
"link-active": {
"id": "link-active",
"name": "$link-active",
"value": "$grey-darker"
},
"link-active-border": {
"id": "link-active-border",
"name": "$link-active-border",
"value": "$grey-dark"
},
"family-primary": {
"id": "family-primary",
"name": "$family-primary",
"value": "$family-sans-serif"
},
"family-code": {
"id": "family-code",
"name": "$family-code",
"value": "$family-monospace"
},
"size-small": {
"id": "size-small",
"name": "$size-small",
"value": "$size-7"
},
"size-normal": {
"id": "size-normal",
"name": "$size-normal",
"value": "$size-6"
},
"size-medium": {
"id": "size-medium",
"name": "$size-medium",
"value": "$size-5"
},
"size-large": {
"id": "size-large",
"name": "$size-large",
"value": "$size-4"
},
"colors": {
"id": "colors",
"name": "$colors",
"value": "(\"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))"
},
"shades": {
"id": "shades",
"name": "$shades",
"value": "(\"black-bis\": $black-bis, \"black-ter\": $black-ter, \"grey-darker\": $grey-darker, \"grey-dark\": $grey-dark, \"grey\": $grey, \"grey-light\": $grey-light, \"grey-lighter\": $grey-lighter, \"white-ter\": $white-ter, \"white-bis\": $white-bis)"
},
"sizes": {
"id": "sizes",
"name": "$sizes",
"value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7"
}
}
}