bulma/docs/_data/variables/utilities/derived-variables.json

429 lines
12 KiB
JSON
Raw Normal View History

{
2018-06-16 19:47:52 +00:00
"by_name": {
"$primary": {
"name": "$primary",
2018-06-16 19:47:52 +00:00
"value": "$turquoise",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(171, 100%, 41%)"
},
2018-06-16 19:47:52 +00:00
"$info": {
"name": "$info",
2018-06-16 19:47:52 +00:00
"value": "$cyan",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(204, 86%, 53%)"
},
2018-06-16 19:47:52 +00:00
"$success": {
"name": "$success",
2018-06-16 19:47:52 +00:00
"value": "$green",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(141, 71%, 48%)"
},
2018-06-16 19:47:52 +00:00
"$warning": {
"name": "$warning",
2018-06-16 19:47:52 +00:00
"value": "$yellow",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(48, 100%, 67%)"
},
2018-06-16 19:47:52 +00:00
"$danger": {
"name": "$danger",
2018-06-16 19:47:52 +00:00
"value": "$red",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(348, 100%, 61%)"
},
2018-06-16 19:47:52 +00:00
"$light": {
"name": "$light",
2018-06-16 19:47:52 +00:00
"value": "$white-ter",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 96%)"
},
2018-06-16 19:47:52 +00:00
"$dark": {
"name": "$dark",
2018-06-16 19:47:52 +00:00
"value": "$grey-darker",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$orange-invert": {
"name": "$orange-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($orange)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$yellow-invert": {
"name": "$yellow-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($yellow)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "rgba(0, 0, 0, 0.7)"
},
2018-06-16 19:47:52 +00:00
"$green-invert": {
"name": "$green-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($green)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$turquoise-invert": {
"name": "$turquoise-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($turquoise)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$cyan-invert": {
"name": "$cyan-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($cyan)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$blue-invert": {
"name": "$blue-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($blue)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$purple-invert": {
"name": "$purple-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($purple)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$red-invert": {
"name": "$red-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($red)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$primary-invert": {
"name": "$primary-invert",
2018-06-16 19:47:52 +00:00
"value": "$turquoise-invert",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$info-invert": {
"name": "$info-invert",
2018-06-16 19:47:52 +00:00
"value": "$cyan-invert",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$success-invert": {
"name": "$success-invert",
2018-06-16 19:47:52 +00:00
"value": "$green-invert",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$warning-invert": {
"name": "$warning-invert",
2018-06-16 19:47:52 +00:00
"value": "$yellow-invert",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "rgba(0, 0, 0, 0.7)"
},
2018-06-16 19:47:52 +00:00
"$danger-invert": {
"name": "$danger-invert",
2018-06-16 19:47:52 +00:00
"value": "$red-invert",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$light-invert": {
"name": "$light-invert",
2018-06-16 19:47:52 +00:00
"value": "$dark",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$dark-invert": {
"name": "$dark-invert",
2018-06-16 19:47:52 +00:00
"value": "$light",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
2018-06-16 19:47:52 +00:00
"$background": {
"name": "$background",
2018-06-16 19:47:52 +00:00
"value": "$white-ter",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 96%)"
},
2018-06-16 19:47:52 +00:00
"$border": {
"name": "$border",
2018-06-16 19:47:52 +00:00
"value": "$grey-lighter",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 86%)"
},
2018-06-16 19:47:52 +00:00
"$border-hover": {
"name": "$border-hover",
2018-06-16 19:47:52 +00:00
"value": "$grey-light",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 71%)"
},
2018-06-16 19:47:52 +00:00
"$text": {
"name": "$text",
2018-06-16 19:47:52 +00:00
"value": "$grey-dark",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 29%)"
},
2018-06-16 19:47:52 +00:00
"$text-invert": {
"name": "$text-invert",
2018-06-16 19:47:52 +00:00
"value": "findColorInvert($text)",
"type": "function",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$text-light": {
"name": "$text-light",
2018-06-16 19:47:52 +00:00
"value": "$grey",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 48%)"
},
2018-06-16 19:47:52 +00:00
"$text-strong": {
"name": "$text-strong",
2018-06-16 19:47:52 +00:00
"value": "$grey-darker",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$code": {
"name": "$code",
2018-06-16 19:47:52 +00:00
"value": "$red",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(348, 100%, 61%)"
},
2018-06-16 19:47:52 +00:00
"$code-background": {
"name": "$code-background",
2018-06-16 19:47:52 +00:00
"value": "$background",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
2018-06-16 19:47:52 +00:00
"$pre": {
"name": "$pre",
2018-06-16 19:47:52 +00:00
"value": "$text",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
2018-06-16 19:47:52 +00:00
"$pre-background": {
"name": "$pre-background",
2018-06-16 19:47:52 +00:00
"value": "$background",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
2018-06-16 19:47:52 +00:00
"$link": {
"name": "$link",
2018-06-16 19:47:52 +00:00
"value": "$blue",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(217, 71%, 53%)"
},
2018-06-16 19:47:52 +00:00
"$link-invert": {
"name": "$link-invert",
2018-06-16 19:47:52 +00:00
"value": "$blue-invert",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
"computed_value": "#fff"
},
2018-06-16 19:47:52 +00:00
"$link-visited": {
"name": "$link-visited",
2018-06-16 19:47:52 +00:00
"value": "$purple",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(271, 100%, 71%)"
},
2018-06-16 19:47:52 +00:00
"$link-hover": {
"name": "$link-hover",
2018-06-16 19:47:52 +00:00
"value": "$grey-darker",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$link-hover-border": {
"name": "$link-hover-border",
2018-06-16 19:47:52 +00:00
"value": "$grey-light",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 71%)"
},
2018-06-16 19:47:52 +00:00
"$link-focus": {
"name": "$link-focus",
2018-06-16 19:47:52 +00:00
"value": "$grey-darker",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$link-focus-border": {
"name": "$link-focus-border",
2018-06-16 19:47:52 +00:00
"value": "$blue",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(217, 71%, 53%)"
},
2018-06-16 19:47:52 +00:00
"$link-active": {
"name": "$link-active",
2018-06-16 19:47:52 +00:00
"value": "$grey-darker",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$link-active-border": {
"name": "$link-active-border",
2018-06-16 19:47:52 +00:00
"value": "$grey-dark",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "color",
2018-06-16 19:47:52 +00:00
"computed_value": "hsl(0, 0%, 29%)"
},
2018-06-16 19:47:52 +00:00
"$family-primary": {
"name": "$family-primary",
2018-06-16 19:47:52 +00:00
"value": "$family-sans-serif",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "font-family",
2018-06-16 19:47:52 +00:00
"computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
},
2018-10-31 17:16:10 +00:00
"$family-secondary": {
"name": "$family-secondary",
"value": "$family-sans-serif",
"type": "variable",
"computed_type": "font-family",
"computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
},
2018-06-16 19:47:52 +00:00
"$family-code": {
"name": "$family-code",
2018-06-16 19:47:52 +00:00
"value": "$family-monospace",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "font-family",
2018-06-16 19:47:52 +00:00
"computed_value": "monospace"
},
2018-06-16 19:47:52 +00:00
"$size-small": {
"name": "$size-small",
2018-06-16 19:47:52 +00:00
"value": "$size-7",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "size",
2018-06-16 19:47:52 +00:00
"computed_value": "0.75rem"
},
2018-06-16 19:47:52 +00:00
"$size-normal": {
"name": "$size-normal",
2018-06-16 19:47:52 +00:00
"value": "$size-6",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "size",
2018-06-16 19:47:52 +00:00
"computed_value": "1rem"
},
2018-06-16 19:47:52 +00:00
"$size-medium": {
"name": "$size-medium",
2018-06-16 19:47:52 +00:00
"value": "$size-5",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "size",
2018-06-16 19:47:52 +00:00
"computed_value": "1.25rem"
},
2018-06-16 19:47:52 +00:00
"$size-large": {
"name": "$size-large",
2018-06-16 19:47:52 +00:00
"value": "$size-4",
"type": "variable",
2018-06-17 00:05:48 +00:00
"computed_type": "size",
2018-06-16 19:47:52 +00:00
"computed_value": "1.5rem"
},
"$custom-colors": {
"name": "$custom-colors",
"value": "null",
2018-06-17 00:05:48 +00:00
"type": "keyword"
2018-06-16 19:47:52 +00:00
},
"$custom-shades": {
"name": "$custom-shades",
"value": "null",
2018-06-17 00:05:48 +00:00
"type": "keyword"
2018-06-16 19:47:52 +00:00
},
"$colors": {
"name": "$colors",
2018-06-16 19:47:52 +00:00
"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)",
2018-06-17 00:05:48 +00:00
"type": "function"
},
2018-06-16 19:47:52 +00:00
"$shades": {
"name": "$shades",
2018-06-16 19:47:52 +00:00
"value": "mergeColorMaps((\"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), $custom-shades)",
2018-06-17 00:05:48 +00:00
"type": "function"
},
2018-06-16 19:47:52 +00:00
"$sizes": {
"name": "$sizes",
2018-06-16 19:47:52 +00:00
"value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7",
2018-06-17 00:05:48 +00:00
"type": "map"
}
2018-06-16 19:47:52 +00:00
},
"list": [
"$primary",
"$info",
"$success",
"$warning",
"$danger",
"$light",
"$dark",
"$orange-invert",
"$yellow-invert",
"$green-invert",
"$turquoise-invert",
"$cyan-invert",
"$blue-invert",
"$purple-invert",
"$red-invert",
"$primary-invert",
"$info-invert",
"$success-invert",
"$warning-invert",
"$danger-invert",
"$light-invert",
"$dark-invert",
"$background",
"$border",
"$border-hover",
"$text",
"$text-invert",
"$text-light",
"$text-strong",
"$code",
"$code-background",
"$pre",
"$pre-background",
"$link",
"$link-invert",
"$link-visited",
"$link-hover",
"$link-hover-border",
"$link-focus",
"$link-focus-border",
"$link-active",
"$link-active-border",
"$family-primary",
2018-10-31 17:16:10 +00:00
"$family-secondary",
2018-06-16 19:47:52 +00:00
"$family-code",
"$size-small",
"$size-normal",
"$size-medium",
"$size-large",
"$custom-colors",
"$custom-shades",
"$colors",
"$shades",
"$sizes"
],
"file_path": "utilities/derived-variables.sass"
2018-10-31 17:16:10 +00:00
}