mirror of
https://github.com/jgthms/bulma
synced 2026-03-20 12:24:28 -07:00
Update variables include template
This commit is contained in:
Jeremy Thomas
@@ -1,30 +0,0 @@
|
||||
{
|
||||
"dir_name": "utilities",
|
||||
"file_name": "controls",
|
||||
"file_relative_path": "utilities/controls.sass",
|
||||
"file_line_from": 1,
|
||||
"file_line_to": 5,
|
||||
"file_url": "https://github.com/jgthms/bulma/blob/master/sass/utilities/controls.sass#L1,L5",
|
||||
"vars": {
|
||||
"control-radius": {
|
||||
"id": "control-radius",
|
||||
"name": "$control-radius",
|
||||
"value": "$radius"
|
||||
},
|
||||
"control-radius-small": {
|
||||
"id": "control-radius-small",
|
||||
"name": "$control-radius-small",
|
||||
"value": "$radius-small"
|
||||
},
|
||||
"control-padding-vertical": {
|
||||
"id": "control-padding-vertical",
|
||||
"name": "$control-padding-vertical",
|
||||
"value": "calc(0.375em - 1px)"
|
||||
},
|
||||
"control-padding-horizontal": {
|
||||
"id": "control-padding-horizontal",
|
||||
"name": "$control-padding-horizontal",
|
||||
"value": "calc(0.625em - 1px)"
|
||||
}
|
||||
}
|
||||
}
|
||||
@@ -1,265 +1,378 @@
|
||||
{
|
||||
"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",
|
||||
"by_name": {
|
||||
"$primary": {
|
||||
"name": "$primary",
|
||||
"value": "$turquoise"
|
||||
"value": "$turquoise",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(171, 100%, 41%)"
|
||||
},
|
||||
"info": {
|
||||
"id": "info",
|
||||
"$info": {
|
||||
"name": "$info",
|
||||
"value": "$cyan"
|
||||
"value": "$cyan",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(204, 86%, 53%)"
|
||||
},
|
||||
"success": {
|
||||
"id": "success",
|
||||
"$success": {
|
||||
"name": "$success",
|
||||
"value": "$green"
|
||||
"value": "$green",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(141, 71%, 48%)"
|
||||
},
|
||||
"warning": {
|
||||
"id": "warning",
|
||||
"$warning": {
|
||||
"name": "$warning",
|
||||
"value": "$yellow"
|
||||
"value": "$yellow",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(48, 100%, 67%)"
|
||||
},
|
||||
"danger": {
|
||||
"id": "danger",
|
||||
"$danger": {
|
||||
"name": "$danger",
|
||||
"value": "$red"
|
||||
"value": "$red",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(348, 100%, 61%)"
|
||||
},
|
||||
"light": {
|
||||
"id": "light",
|
||||
"$light": {
|
||||
"name": "$light",
|
||||
"value": "$white-ter"
|
||||
"value": "$white-ter",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 96%)"
|
||||
},
|
||||
"dark": {
|
||||
"id": "dark",
|
||||
"$dark": {
|
||||
"name": "$dark",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"orange-invert": {
|
||||
"id": "orange-invert",
|
||||
"$orange-invert": {
|
||||
"name": "$orange-invert",
|
||||
"value": "findColorInvert($orange)"
|
||||
"value": "findColorInvert($orange)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($orange)"
|
||||
},
|
||||
"yellow-invert": {
|
||||
"id": "yellow-invert",
|
||||
"$yellow-invert": {
|
||||
"name": "$yellow-invert",
|
||||
"value": "findColorInvert($yellow)"
|
||||
"value": "findColorInvert($yellow)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($yellow)"
|
||||
},
|
||||
"green-invert": {
|
||||
"id": "green-invert",
|
||||
"$green-invert": {
|
||||
"name": "$green-invert",
|
||||
"value": "findColorInvert($green)"
|
||||
"value": "findColorInvert($green)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($green)"
|
||||
},
|
||||
"turquoise-invert": {
|
||||
"id": "turquoise-invert",
|
||||
"$turquoise-invert": {
|
||||
"name": "$turquoise-invert",
|
||||
"value": "findColorInvert($turquoise)"
|
||||
"value": "findColorInvert($turquoise)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($turquoise)"
|
||||
},
|
||||
"cyan-invert": {
|
||||
"id": "cyan-invert",
|
||||
"$cyan-invert": {
|
||||
"name": "$cyan-invert",
|
||||
"value": "findColorInvert($cyan)"
|
||||
"value": "findColorInvert($cyan)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($cyan)"
|
||||
},
|
||||
"blue-invert": {
|
||||
"id": "blue-invert",
|
||||
"$blue-invert": {
|
||||
"name": "$blue-invert",
|
||||
"value": "findColorInvert($blue)"
|
||||
"value": "findColorInvert($blue)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($blue)"
|
||||
},
|
||||
"purple-invert": {
|
||||
"id": "purple-invert",
|
||||
"$purple-invert": {
|
||||
"name": "$purple-invert",
|
||||
"value": "findColorInvert($purple)"
|
||||
"value": "findColorInvert($purple)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($purple)"
|
||||
},
|
||||
"red-invert": {
|
||||
"id": "red-invert",
|
||||
"$red-invert": {
|
||||
"name": "$red-invert",
|
||||
"value": "findColorInvert($red)"
|
||||
"value": "findColorInvert($red)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($red)"
|
||||
},
|
||||
"primary-invert": {
|
||||
"id": "primary-invert",
|
||||
"$primary-invert": {
|
||||
"name": "$primary-invert",
|
||||
"value": "$turquoise-invert"
|
||||
"value": "$turquoise-invert",
|
||||
"type": "variable",
|
||||
"computed_value": "$turquoise-invert"
|
||||
},
|
||||
"info-invert": {
|
||||
"id": "info-invert",
|
||||
"$info-invert": {
|
||||
"name": "$info-invert",
|
||||
"value": "$cyan-invert"
|
||||
"value": "$cyan-invert",
|
||||
"type": "variable",
|
||||
"computed_value": "$cyan-invert"
|
||||
},
|
||||
"success-invert": {
|
||||
"id": "success-invert",
|
||||
"$success-invert": {
|
||||
"name": "$success-invert",
|
||||
"value": "$green-invert"
|
||||
"value": "$green-invert",
|
||||
"type": "variable",
|
||||
"computed_value": "$green-invert"
|
||||
},
|
||||
"warning-invert": {
|
||||
"id": "warning-invert",
|
||||
"$warning-invert": {
|
||||
"name": "$warning-invert",
|
||||
"value": "$yellow-invert"
|
||||
"value": "$yellow-invert",
|
||||
"type": "variable",
|
||||
"computed_value": "$yellow-invert"
|
||||
},
|
||||
"danger-invert": {
|
||||
"id": "danger-invert",
|
||||
"$danger-invert": {
|
||||
"name": "$danger-invert",
|
||||
"value": "$red-invert"
|
||||
"value": "$red-invert",
|
||||
"type": "variable",
|
||||
"computed_value": "$red-invert"
|
||||
},
|
||||
"light-invert": {
|
||||
"id": "light-invert",
|
||||
"$light-invert": {
|
||||
"name": "$light-invert",
|
||||
"value": "$dark"
|
||||
"value": "$dark",
|
||||
"type": "variable",
|
||||
"computed_value": "$dark"
|
||||
},
|
||||
"dark-invert": {
|
||||
"id": "dark-invert",
|
||||
"$dark-invert": {
|
||||
"name": "$dark-invert",
|
||||
"value": "$light"
|
||||
"value": "$light",
|
||||
"type": "variable",
|
||||
"computed_value": "$light"
|
||||
},
|
||||
"background": {
|
||||
"id": "background",
|
||||
"$background": {
|
||||
"name": "$background",
|
||||
"value": "$white-ter"
|
||||
"value": "$white-ter",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 96%)"
|
||||
},
|
||||
"border": {
|
||||
"id": "border",
|
||||
"$border": {
|
||||
"name": "$border",
|
||||
"value": "$grey-lighter"
|
||||
"value": "$grey-lighter",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 86%)"
|
||||
},
|
||||
"border-hover": {
|
||||
"id": "border-hover",
|
||||
"$border-hover": {
|
||||
"name": "$border-hover",
|
||||
"value": "$grey-light"
|
||||
"value": "$grey-light",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 71%)"
|
||||
},
|
||||
"text": {
|
||||
"id": "text",
|
||||
"$text": {
|
||||
"name": "$text",
|
||||
"value": "$grey-dark"
|
||||
"value": "$grey-dark",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 29%)"
|
||||
},
|
||||
"text-invert": {
|
||||
"id": "text-invert",
|
||||
"$text-invert": {
|
||||
"name": "$text-invert",
|
||||
"value": "findColorInvert($text)"
|
||||
"value": "findColorInvert($text)",
|
||||
"type": "function",
|
||||
"computed_value": "findColorInvert($text)"
|
||||
},
|
||||
"text-light": {
|
||||
"id": "text-light",
|
||||
"$text-light": {
|
||||
"name": "$text-light",
|
||||
"value": "$grey"
|
||||
"value": "$grey",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 48%)"
|
||||
},
|
||||
"text-strong": {
|
||||
"id": "text-strong",
|
||||
"$text-strong": {
|
||||
"name": "$text-strong",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"code": {
|
||||
"id": "code",
|
||||
"$code": {
|
||||
"name": "$code",
|
||||
"value": "$red"
|
||||
"value": "$red",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(348, 100%, 61%)"
|
||||
},
|
||||
"code-background": {
|
||||
"id": "code-background",
|
||||
"$code-background": {
|
||||
"name": "$code-background",
|
||||
"value": "$background"
|
||||
"value": "$background",
|
||||
"type": "variable",
|
||||
"computed_value": "$background"
|
||||
},
|
||||
"pre": {
|
||||
"id": "pre",
|
||||
"$pre": {
|
||||
"name": "$pre",
|
||||
"value": "$text"
|
||||
"value": "$text",
|
||||
"type": "variable",
|
||||
"computed_value": "$text"
|
||||
},
|
||||
"pre-background": {
|
||||
"id": "pre-background",
|
||||
"$pre-background": {
|
||||
"name": "$pre-background",
|
||||
"value": "$background"
|
||||
"value": "$background",
|
||||
"type": "variable",
|
||||
"computed_value": "$background"
|
||||
},
|
||||
"link": {
|
||||
"id": "link",
|
||||
"$link": {
|
||||
"name": "$link",
|
||||
"value": "$blue"
|
||||
"value": "$blue",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(217, 71%, 53%)"
|
||||
},
|
||||
"link-invert": {
|
||||
"id": "link-invert",
|
||||
"$link-invert": {
|
||||
"name": "$link-invert",
|
||||
"value": "$blue-invert"
|
||||
"value": "$blue-invert",
|
||||
"type": "variable",
|
||||
"computed_value": "$blue-invert"
|
||||
},
|
||||
"link-visited": {
|
||||
"id": "link-visited",
|
||||
"$link-visited": {
|
||||
"name": "$link-visited",
|
||||
"value": "$purple"
|
||||
"value": "$purple",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(271, 100%, 71%)"
|
||||
},
|
||||
"link-hover": {
|
||||
"id": "link-hover",
|
||||
"$link-hover": {
|
||||
"name": "$link-hover",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"link-hover-border": {
|
||||
"id": "link-hover-border",
|
||||
"$link-hover-border": {
|
||||
"name": "$link-hover-border",
|
||||
"value": "$grey-light"
|
||||
"value": "$grey-light",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 71%)"
|
||||
},
|
||||
"link-focus": {
|
||||
"id": "link-focus",
|
||||
"$link-focus": {
|
||||
"name": "$link-focus",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"link-focus-border": {
|
||||
"id": "link-focus-border",
|
||||
"$link-focus-border": {
|
||||
"name": "$link-focus-border",
|
||||
"value": "$blue"
|
||||
"value": "$blue",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(217, 71%, 53%)"
|
||||
},
|
||||
"link-active": {
|
||||
"id": "link-active",
|
||||
"$link-active": {
|
||||
"name": "$link-active",
|
||||
"value": "$grey-darker"
|
||||
"value": "$grey-darker",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"link-active-border": {
|
||||
"id": "link-active-border",
|
||||
"$link-active-border": {
|
||||
"name": "$link-active-border",
|
||||
"value": "$grey-dark"
|
||||
"value": "$grey-dark",
|
||||
"type": "variable",
|
||||
"computed_value": "hsl(0, 0%, 29%)"
|
||||
},
|
||||
"family-primary": {
|
||||
"id": "family-primary",
|
||||
"$family-primary": {
|
||||
"name": "$family-primary",
|
||||
"value": "$family-sans-serif"
|
||||
"value": "$family-sans-serif",
|
||||
"type": "variable",
|
||||
"computed_value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
|
||||
},
|
||||
"family-code": {
|
||||
"id": "family-code",
|
||||
"$family-code": {
|
||||
"name": "$family-code",
|
||||
"value": "$family-monospace"
|
||||
"value": "$family-monospace",
|
||||
"type": "variable",
|
||||
"computed_value": "monospace"
|
||||
},
|
||||
"size-small": {
|
||||
"id": "size-small",
|
||||
"$size-small": {
|
||||
"name": "$size-small",
|
||||
"value": "$size-7"
|
||||
"value": "$size-7",
|
||||
"type": "variable",
|
||||
"computed_value": "0.75rem"
|
||||
},
|
||||
"size-normal": {
|
||||
"id": "size-normal",
|
||||
"$size-normal": {
|
||||
"name": "$size-normal",
|
||||
"value": "$size-6"
|
||||
"value": "$size-6",
|
||||
"type": "variable",
|
||||
"computed_value": "1rem"
|
||||
},
|
||||
"size-medium": {
|
||||
"id": "size-medium",
|
||||
"$size-medium": {
|
||||
"name": "$size-medium",
|
||||
"value": "$size-5"
|
||||
"value": "$size-5",
|
||||
"type": "variable",
|
||||
"computed_value": "1.25rem"
|
||||
},
|
||||
"size-large": {
|
||||
"id": "size-large",
|
||||
"$size-large": {
|
||||
"name": "$size-large",
|
||||
"value": "$size-4"
|
||||
"value": "$size-4",
|
||||
"type": "variable",
|
||||
"computed_value": "1.5rem"
|
||||
},
|
||||
"colors": {
|
||||
"id": "colors",
|
||||
"$custom-colors": {
|
||||
"name": "$custom-colors",
|
||||
"value": "null",
|
||||
"type": "string",
|
||||
"computed_value": "null"
|
||||
},
|
||||
"$custom-shades": {
|
||||
"name": "$custom-shades",
|
||||
"value": "null",
|
||||
"type": "string",
|
||||
"computed_value": "null"
|
||||
},
|
||||
"$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))"
|
||||
"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)",
|
||||
"type": "string",
|
||||
"computed_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)"
|
||||
},
|
||||
"shades": {
|
||||
"id": "shades",
|
||||
"$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)"
|
||||
"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)",
|
||||
"type": "string",
|
||||
"computed_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)"
|
||||
},
|
||||
"sizes": {
|
||||
"id": "sizes",
|
||||
"$sizes": {
|
||||
"name": "$sizes",
|
||||
"value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7"
|
||||
"value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7",
|
||||
"type": "variable",
|
||||
"computed_value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7"
|
||||
}
|
||||
}
|
||||
},
|
||||
"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",
|
||||
"$family-code",
|
||||
"$size-small",
|
||||
"$size-normal",
|
||||
"$size-medium",
|
||||
"$size-large",
|
||||
"$custom-colors",
|
||||
"$custom-shades",
|
||||
"$colors",
|
||||
"$shades",
|
||||
"$sizes"
|
||||
],
|
||||
"file_path": "utilities/derived-variables.sass"
|
||||
}
|
||||
@@ -1,250 +1,295 @@
|
||||
{
|
||||
"dir_name": "utilities",
|
||||
"file_name": "initial-variables",
|
||||
"file_relative_path": "utilities/initial-variables.sass",
|
||||
"file_line_from": 3,
|
||||
"file_line_to": 65,
|
||||
"file_url": "https://github.com/jgthms/bulma/blob/master/sass/utilities/initial-variables.sass#L3,L65",
|
||||
"vars": {
|
||||
"black": {
|
||||
"id": "black",
|
||||
"by_name": {
|
||||
"$black": {
|
||||
"name": "$black",
|
||||
"value": "hsl(0, 0%, 4%)"
|
||||
"value": "hsl(0, 0%, 4%)",
|
||||
"type": "color"
|
||||
},
|
||||
"black-bis": {
|
||||
"id": "black-bis",
|
||||
"$black-bis": {
|
||||
"name": "$black-bis",
|
||||
"value": "hsl(0, 0%, 7%)"
|
||||
"value": "hsl(0, 0%, 7%)",
|
||||
"type": "color"
|
||||
},
|
||||
"black-ter": {
|
||||
"id": "black-ter",
|
||||
"$black-ter": {
|
||||
"name": "$black-ter",
|
||||
"value": "hsl(0, 0%, 14%)"
|
||||
"value": "hsl(0, 0%, 14%)",
|
||||
"type": "color"
|
||||
},
|
||||
"grey-darker": {
|
||||
"id": "grey-darker",
|
||||
"$grey-darker": {
|
||||
"name": "$grey-darker",
|
||||
"value": "hsl(0, 0%, 21%)"
|
||||
"value": "hsl(0, 0%, 21%)",
|
||||
"type": "color"
|
||||
},
|
||||
"grey-dark": {
|
||||
"id": "grey-dark",
|
||||
"$grey-dark": {
|
||||
"name": "$grey-dark",
|
||||
"value": "hsl(0, 0%, 29%)"
|
||||
"value": "hsl(0, 0%, 29%)",
|
||||
"type": "color"
|
||||
},
|
||||
"grey": {
|
||||
"id": "grey",
|
||||
"$grey": {
|
||||
"name": "$grey",
|
||||
"value": "hsl(0, 0%, 48%)"
|
||||
"value": "hsl(0, 0%, 48%)",
|
||||
"type": "color"
|
||||
},
|
||||
"grey-light": {
|
||||
"id": "grey-light",
|
||||
"$grey-light": {
|
||||
"name": "$grey-light",
|
||||
"value": "hsl(0, 0%, 71%)"
|
||||
"value": "hsl(0, 0%, 71%)",
|
||||
"type": "color"
|
||||
},
|
||||
"grey-lighter": {
|
||||
"id": "grey-lighter",
|
||||
"$grey-lighter": {
|
||||
"name": "$grey-lighter",
|
||||
"value": "hsl(0, 0%, 86%)"
|
||||
"value": "hsl(0, 0%, 86%)",
|
||||
"type": "color"
|
||||
},
|
||||
"white-ter": {
|
||||
"id": "white-ter",
|
||||
"$white-ter": {
|
||||
"name": "$white-ter",
|
||||
"value": "hsl(0, 0%, 96%)"
|
||||
"value": "hsl(0, 0%, 96%)",
|
||||
"type": "color"
|
||||
},
|
||||
"white-bis": {
|
||||
"id": "white-bis",
|
||||
"$white-bis": {
|
||||
"name": "$white-bis",
|
||||
"value": "hsl(0, 0%, 98%)"
|
||||
"value": "hsl(0, 0%, 98%)",
|
||||
"type": "color"
|
||||
},
|
||||
"white": {
|
||||
"id": "white",
|
||||
"$white": {
|
||||
"name": "$white",
|
||||
"value": "hsl(0, 0%, 100%)"
|
||||
"value": "hsl(0, 0%, 100%)",
|
||||
"type": "color"
|
||||
},
|
||||
"orange": {
|
||||
"id": "orange",
|
||||
"$orange": {
|
||||
"name": "$orange",
|
||||
"value": "hsl(14, 100%, 53%)"
|
||||
"value": "hsl(14, 100%, 53%)",
|
||||
"type": "color"
|
||||
},
|
||||
"yellow": {
|
||||
"id": "yellow",
|
||||
"$yellow": {
|
||||
"name": "$yellow",
|
||||
"value": "hsl(48, 100%, 67%)"
|
||||
"value": "hsl(48, 100%, 67%)",
|
||||
"type": "color"
|
||||
},
|
||||
"green": {
|
||||
"id": "green",
|
||||
"$green": {
|
||||
"name": "$green",
|
||||
"value": "hsl(141, 71%, 48%)"
|
||||
"value": "hsl(141, 71%, 48%)",
|
||||
"type": "color"
|
||||
},
|
||||
"turquoise": {
|
||||
"id": "turquoise",
|
||||
"$turquoise": {
|
||||
"name": "$turquoise",
|
||||
"value": "hsl(171, 100%, 41%)"
|
||||
"value": "hsl(171, 100%, 41%)",
|
||||
"type": "color"
|
||||
},
|
||||
"cyan": {
|
||||
"id": "cyan",
|
||||
"$cyan": {
|
||||
"name": "$cyan",
|
||||
"value": "hsl(204, 86%, 53%)"
|
||||
"value": "hsl(204, 86%, 53%)",
|
||||
"type": "color"
|
||||
},
|
||||
"blue": {
|
||||
"id": "blue",
|
||||
"$blue": {
|
||||
"name": "$blue",
|
||||
"value": "hsl(217, 71%, 53%)"
|
||||
"value": "hsl(217, 71%, 53%)",
|
||||
"type": "color"
|
||||
},
|
||||
"purple": {
|
||||
"id": "purple",
|
||||
"$purple": {
|
||||
"name": "$purple",
|
||||
"value": "hsl(271, 100%, 71%)"
|
||||
"value": "hsl(271, 100%, 71%)",
|
||||
"type": "color"
|
||||
},
|
||||
"red": {
|
||||
"id": "red",
|
||||
"$red": {
|
||||
"name": "$red",
|
||||
"value": "hsl(348, 100%, 61%)"
|
||||
"value": "hsl(348, 100%, 61%)",
|
||||
"type": "color"
|
||||
},
|
||||
"family-sans-serif": {
|
||||
"id": "family-sans-serif",
|
||||
"$family-sans-serif": {
|
||||
"name": "$family-sans-serif",
|
||||
"value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
|
||||
"value": "BlinkMacSystemFont, -apple-system, \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\", \"Cantarell\", \"Fira Sans\", \"Droid Sans\", \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif",
|
||||
"type": "font-family"
|
||||
},
|
||||
"family-monospace": {
|
||||
"id": "family-monospace",
|
||||
"$family-monospace": {
|
||||
"name": "$family-monospace",
|
||||
"value": "monospace"
|
||||
"value": "monospace",
|
||||
"type": "font-family"
|
||||
},
|
||||
"render-mode": {
|
||||
"id": "render-mode",
|
||||
"$render-mode": {
|
||||
"name": "$render-mode",
|
||||
"value": "optimizeLegibility"
|
||||
"value": "optimizeLegibility",
|
||||
"type": "string"
|
||||
},
|
||||
"size-1": {
|
||||
"id": "size-1",
|
||||
"$size-1": {
|
||||
"name": "$size-1",
|
||||
"value": "3rem"
|
||||
"value": "3rem",
|
||||
"type": "size"
|
||||
},
|
||||
"size-2": {
|
||||
"id": "size-2",
|
||||
"$size-2": {
|
||||
"name": "$size-2",
|
||||
"value": "2.5rem"
|
||||
"value": "2.5rem",
|
||||
"type": "size"
|
||||
},
|
||||
"size-3": {
|
||||
"id": "size-3",
|
||||
"$size-3": {
|
||||
"name": "$size-3",
|
||||
"value": "2rem"
|
||||
"value": "2rem",
|
||||
"type": "size"
|
||||
},
|
||||
"size-4": {
|
||||
"id": "size-4",
|
||||
"$size-4": {
|
||||
"name": "$size-4",
|
||||
"value": "1.5rem"
|
||||
"value": "1.5rem",
|
||||
"type": "size"
|
||||
},
|
||||
"size-5": {
|
||||
"id": "size-5",
|
||||
"$size-5": {
|
||||
"name": "$size-5",
|
||||
"value": "1.25rem"
|
||||
"value": "1.25rem",
|
||||
"type": "size"
|
||||
},
|
||||
"size-6": {
|
||||
"id": "size-6",
|
||||
"$size-6": {
|
||||
"name": "$size-6",
|
||||
"value": "1rem"
|
||||
"value": "1rem",
|
||||
"type": "size"
|
||||
},
|
||||
"size-7": {
|
||||
"id": "size-7",
|
||||
"$size-7": {
|
||||
"name": "$size-7",
|
||||
"value": "0.75rem"
|
||||
"value": "0.75rem",
|
||||
"type": "size"
|
||||
},
|
||||
"weight-light": {
|
||||
"id": "weight-light",
|
||||
"$weight-light": {
|
||||
"name": "$weight-light",
|
||||
"value": "300"
|
||||
"value": "300",
|
||||
"type": "font-weight"
|
||||
},
|
||||
"weight-normal": {
|
||||
"id": "weight-normal",
|
||||
"$weight-normal": {
|
||||
"name": "$weight-normal",
|
||||
"value": "400"
|
||||
"value": "400",
|
||||
"type": "font-weight"
|
||||
},
|
||||
"weight-medium": {
|
||||
"id": "weight-medium",
|
||||
"$weight-medium": {
|
||||
"name": "$weight-medium",
|
||||
"value": "500"
|
||||
"value": "500",
|
||||
"type": "font-weight"
|
||||
},
|
||||
"weight-semibold": {
|
||||
"id": "weight-semibold",
|
||||
"$weight-semibold": {
|
||||
"name": "$weight-semibold",
|
||||
"value": "600"
|
||||
"value": "600",
|
||||
"type": "font-weight"
|
||||
},
|
||||
"weight-bold": {
|
||||
"id": "weight-bold",
|
||||
"$weight-bold": {
|
||||
"name": "$weight-bold",
|
||||
"value": "700"
|
||||
"value": "700",
|
||||
"type": "font-weight"
|
||||
},
|
||||
"gap": {
|
||||
"id": "gap",
|
||||
"$gap": {
|
||||
"name": "$gap",
|
||||
"value": "32px"
|
||||
"value": "64px",
|
||||
"type": "size"
|
||||
},
|
||||
"tablet": {
|
||||
"id": "tablet",
|
||||
"$tablet": {
|
||||
"name": "$tablet",
|
||||
"value": "769px"
|
||||
"value": "769px",
|
||||
"type": "size"
|
||||
},
|
||||
"desktop": {
|
||||
"id": "desktop",
|
||||
"$desktop": {
|
||||
"name": "$desktop",
|
||||
"value": "960px + (2 * $gap)"
|
||||
"value": "960px + (2 * $gap)",
|
||||
"type": "computed"
|
||||
},
|
||||
"widescreen": {
|
||||
"id": "widescreen",
|
||||
"$widescreen": {
|
||||
"name": "$widescreen",
|
||||
"value": "1152px + (2 * $gap)"
|
||||
"value": "1152px + (2 * $gap)",
|
||||
"type": "computed"
|
||||
},
|
||||
"widescreen-enabled": {
|
||||
"id": "widescreen-enabled",
|
||||
"$widescreen-enabled": {
|
||||
"name": "$widescreen-enabled",
|
||||
"value": "true"
|
||||
"value": "true",
|
||||
"type": "boolean"
|
||||
},
|
||||
"fullhd": {
|
||||
"id": "fullhd",
|
||||
"$fullhd": {
|
||||
"name": "$fullhd",
|
||||
"value": "1344px + (2 * $gap)"
|
||||
"value": "1344px + (2 * $gap)",
|
||||
"type": "computed"
|
||||
},
|
||||
"fullhd-enabled": {
|
||||
"id": "fullhd-enabled",
|
||||
"$fullhd-enabled": {
|
||||
"name": "$fullhd-enabled",
|
||||
"value": "true"
|
||||
"value": "true",
|
||||
"type": "boolean"
|
||||
},
|
||||
"easing": {
|
||||
"id": "easing",
|
||||
"$easing": {
|
||||
"name": "$easing",
|
||||
"value": "ease-out"
|
||||
"value": "ease-out",
|
||||
"type": "string"
|
||||
},
|
||||
"radius-small": {
|
||||
"id": "radius-small",
|
||||
"$radius-small": {
|
||||
"name": "$radius-small",
|
||||
"value": "2px"
|
||||
"value": "2px",
|
||||
"type": "size"
|
||||
},
|
||||
"radius": {
|
||||
"id": "radius",
|
||||
"$radius": {
|
||||
"name": "$radius",
|
||||
"value": "3px"
|
||||
"value": "4px",
|
||||
"type": "size"
|
||||
},
|
||||
"radius-large": {
|
||||
"id": "radius-large",
|
||||
"$radius-large": {
|
||||
"name": "$radius-large",
|
||||
"value": "5px"
|
||||
"value": "6px",
|
||||
"type": "size"
|
||||
},
|
||||
"radius-rounded": {
|
||||
"id": "radius-rounded",
|
||||
"$radius-rounded": {
|
||||
"name": "$radius-rounded",
|
||||
"value": "290486px"
|
||||
"value": "290486px",
|
||||
"type": "size"
|
||||
},
|
||||
"speed": {
|
||||
"id": "speed",
|
||||
"$speed": {
|
||||
"name": "$speed",
|
||||
"value": "86ms"
|
||||
"value": "86ms",
|
||||
"type": "string"
|
||||
},
|
||||
"variable-columns": {
|
||||
"id": "variable-columns",
|
||||
"$variable-columns": {
|
||||
"name": "$variable-columns",
|
||||
"value": "true"
|
||||
"value": "true",
|
||||
"type": "boolean"
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
"list": [
|
||||
"$black",
|
||||
"$black-bis",
|
||||
"$black-ter",
|
||||
"$grey-darker",
|
||||
"$grey-dark",
|
||||
"$grey",
|
||||
"$grey-light",
|
||||
"$grey-lighter",
|
||||
"$white-ter",
|
||||
"$white-bis",
|
||||
"$white",
|
||||
"$orange",
|
||||
"$yellow",
|
||||
"$green",
|
||||
"$turquoise",
|
||||
"$cyan",
|
||||
"$blue",
|
||||
"$purple",
|
||||
"$red",
|
||||
"$family-sans-serif",
|
||||
"$family-monospace",
|
||||
"$render-mode",
|
||||
"$size-1",
|
||||
"$size-2",
|
||||
"$size-3",
|
||||
"$size-4",
|
||||
"$size-5",
|
||||
"$size-6",
|
||||
"$size-7",
|
||||
"$weight-light",
|
||||
"$weight-normal",
|
||||
"$weight-medium",
|
||||
"$weight-semibold",
|
||||
"$weight-bold",
|
||||
"$gap",
|
||||
"$tablet",
|
||||
"$desktop",
|
||||
"$widescreen",
|
||||
"$widescreen-enabled",
|
||||
"$fullhd",
|
||||
"$fullhd-enabled",
|
||||
"$easing",
|
||||
"$radius-small",
|
||||
"$radius",
|
||||
"$radius-large",
|
||||
"$radius-rounded",
|
||||
"$speed",
|
||||
"$variable-columns"
|
||||
],
|
||||
"file_path": "utilities/initial-variables.sass"
|
||||
}
|
||||
Reference in New Issue
Block a user