This commit is contained in:
Jeremy Thomas
2024-03-21 16:11:54 +00:00
parent 16f1b76881
commit 69877a652c
3261 changed files with 255369 additions and 108913 deletions

View File

@@ -1,53 +1,87 @@
{
"by_name": {
"$control-radius": {
"name": "$control-radius",
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
"sass-vars": [
{
"name": "control-radius",
"value": "var(--bulma-radius)",
"css-var": "control-radius"
},
"$control-radius-small": {
"name": "$control-radius-small",
"value": "$radius-small",
"type": "variable",
"computed_type": "size",
"computed_value": "2px"
{
"name": "control-radius-small",
"value": "var(--bulma-radius-small)",
"css-var": "control-radius-small"
},
"$control-border-width": {
"name": "$control-border-width",
{
"name": "control-border-width",
"value": "1px",
"type": "size"
"css-var": "control-border-width"
},
"$control-height": {
"name": "$control-height",
{
"name": "control-size",
"value": "var(--bulma-size-normal)",
"css-var": "control-size"
},
{
"name": "control-height",
"value": "2.5em",
"type": "size"
"css-var": "control-height"
},
"$control-line-height": {
"name": "$control-line-height",
{
"name": "control-line-height",
"value": "1.5",
"type": "unitless"
"css-var": "control-line-height"
},
"$control-padding-vertical": {
"name": "$control-padding-vertical",
{
"name": "control-padding-vertical",
"value": "calc(0.5em - #{$control-border-width})",
"type": "size"
"css-var": "control-padding-vertical"
},
"$control-padding-horizontal": {
"name": "$control-padding-horizontal",
{
"name": "control-padding-horizontal",
"value": "calc(0.75em - #{$control-border-width})",
"type": "size"
"css-var": "control-padding-horizontal"
},
{
"name": "control-focus-shadow-l",
"value": "50%",
"css-var": "control-focus-shadow-l"
}
},
"list": [
"$control-radius",
"$control-radius-small",
"$control-border-width",
"$control-height",
"$control-line-height",
"$control-padding-vertical",
"$control-padding-horizontal"
],
"file_path": "utilities/controls.sass"
"css-vars": [
{
"name": "control-radius",
"value": "var(--bulma-radius)"
},
{
"name": "control-radius-small",
"value": "var(--bulma-radius-small)"
},
{
"name": "control-border-width",
"value": "1px"
},
{
"name": "control-height",
"value": "2.5em"
},
{
"name": "control-line-height",
"value": "1.5"
},
{
"name": "control-padding-vertical",
"value": "calc(0.5em - #{$control-border-width})"
},
{
"name": "control-padding-horizontal",
"value": "calc(0.75em - #{$control-border-width})"
},
{
"name": "control-size",
"value": "var(--bulma-size-normal)"
},
{
"name": "control-focus-shadow-l",
"value": "50%"
}
]
}

View File

@@ -1,569 +1,157 @@
{
"by_name": {
"$primary": {
"name": "$primary",
"value": "$turquoise",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(171, 100%, 41%)"
},
"$info": {
"name": "$info",
"value": "$cyan",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(207, 61%, 53%)"
},
"$success": {
"name": "$success",
"value": "$green",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(153, 53%, 53%)"
},
"$warning": {
"name": "$warning",
"value": "$yellow",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(44, 100%, 77%)"
},
"$danger": {
"name": "$danger",
"value": "$red",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(348, 86%, 61%)"
},
"$light": {
"name": "$light",
"value": "$white-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$dark": {
"name": "$dark",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$orange-invert": {
"name": "$orange-invert",
"value": "findColorInvert($orange)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$yellow-invert": {
"name": "$yellow-invert",
"value": "findColorInvert($yellow)",
"type": "function",
"computed_type": "color",
"computed_value": "rgba(0, 0, 0, 0.7)"
},
"$green-invert": {
"name": "$green-invert",
"value": "findColorInvert($green)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$turquoise-invert": {
"name": "$turquoise-invert",
"value": "findColorInvert($turquoise)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$cyan-invert": {
"name": "$cyan-invert",
"value": "findColorInvert($cyan)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$blue-invert": {
"name": "$blue-invert",
"value": "findColorInvert($blue)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$purple-invert": {
"name": "$purple-invert",
"value": "findColorInvert($purple)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$red-invert": {
"name": "$red-invert",
"value": "findColorInvert($red)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$primary-invert": {
"name": "$primary-invert",
"value": "findColorInvert($primary)",
"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": "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": "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": "function",
"computed_type": "color",
"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": "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": "function",
"computed_type": "color",
"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",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$border": {
"name": "$border",
"value": "$grey-lighter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$border-hover": {
"name": "$border-hover",
"value": "$grey-light",
"type": "variable",
"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",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$text-invert": {
"name": "$text-invert",
"value": "findColorInvert($text)",
"type": "function",
"computed_type": "color",
"computed_value": "#fff"
},
"$text-light": {
"name": "$text-light",
"value": "$grey",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
},
"$text-strong": {
"name": "$text-strong",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$code": {
"name": "$code",
"value": "darken($red, 15%)",
"type": "compound"
},
"$code-background": {
"name": "$code-background",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$pre": {
"name": "$pre",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$pre-background": {
"name": "$pre-background",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"$link": {
"name": "$link",
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-invert": {
"name": "$link-invert",
"value": "findColorInvert($link)",
"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",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(271, 100%, 71%)"
},
"$link-hover": {
"name": "$link-hover",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$link-hover-border": {
"name": "$link-hover-border",
"value": "$grey-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$link-focus": {
"name": "$link-focus",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$link-focus-border": {
"name": "$link-focus-border",
"value": "$blue",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$link-active": {
"name": "$link-active",
"value": "$grey-darker",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$link-active-border": {
"name": "$link-active-border",
"value": "$grey-dark",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"$family-primary": {
"name": "$family-primary",
"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"
},
"$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"
},
"$family-code": {
"name": "$family-code",
"value": "$family-monospace",
"type": "variable",
"computed_type": "font-family",
"computed_value": "monospace"
},
"$size-small": {
"name": "$size-small",
"value": "$size-7",
"type": "variable",
"computed_type": "size",
"computed_value": "0.75rem"
},
"$size-normal": {
"name": "$size-normal",
"value": "$size-6",
"type": "variable",
"computed_type": "size",
"computed_value": "1rem"
},
"$size-medium": {
"name": "$size-medium",
"value": "$size-5",
"type": "variable",
"computed_type": "size",
"computed_value": "1.25rem"
},
"$size-large": {
"name": "$size-large",
"value": "$size-4",
"type": "variable",
"computed_type": "size",
"computed_value": "1.5rem"
},
"$shadow": {
"name": "$shadow",
"value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
"type": "shadow"
},
"$custom-colors": {
"name": "$custom-colors",
"value": "null",
"type": "keyword"
},
"$custom-shades": {
"name": "$custom-shades",
"value": "null",
"type": "keyword"
},
"$colors": {
"name": "$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": "map"
},
"$shades": {
"name": "$shades",
"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": "map"
},
"$sizes": {
"name": "$sizes",
"value": "$size-1 $size-2 $size-3 $size-4 $size-5 $size-6 $size-7",
"type": "map"
"sass-vars": [
{
"name": "scheme-main",
"value": "iv.$white"
},
{
"name": "scheme-main-bis",
"value": "iv.$white-bis"
},
{
"name": "scheme-main-ter",
"value": "iv.$white-ter"
},
{
"name": "scheme-invert",
"value": "iv.$black"
},
{
"name": "scheme-invert-bis",
"value": "iv.$black-bis"
},
{
"name": "scheme-invert-ter",
"value": "iv.$black-ter"
},
{
"name": "text",
"value": "iv.$grey-dark"
},
{
"name": "text-invert",
"value": "fn.bulmaFindColorInvert($text)"
},
{
"name": "text-weak",
"value": "iv.$grey"
},
{
"name": "text-strong",
"value": "iv.$grey-darker"
},
{
"name": "primary",
"value": "iv.$turquoise"
},
{
"name": "info",
"value": "iv.$cyan"
},
{
"name": "success",
"value": "iv.$green"
},
{
"name": "warning",
"value": "iv.$yellow"
},
{
"name": "danger",
"value": "iv.$red"
},
{
"name": "light",
"value": "iv.$white-ter"
},
{
"name": "dark",
"value": "iv.$grey-darker"
},
{
"name": "link",
"value": "iv.$blue"
},
{
"name": "background",
"value": "iv.$white-ter"
},
{
"name": "border",
"value": "iv.$grey-lighter"
},
{
"name": "border-weak",
"value": "iv.$grey-lightest"
},
{
"name": "code",
"value": "iv.$red"
},
{
"name": "code-background",
"value": "$background"
},
{
"name": "pre",
"value": "$text"
},
{
"name": "pre-background",
"value": "$background"
},
{
"name": "family-primary",
"value": "iv.$family-sans-serif"
},
{
"name": "family-secondary",
"value": "iv.$family-sans-serif"
},
{
"name": "family-code",
"value": "iv.$family-monospace"
},
{
"name": "size-small",
"value": "iv.$size-7"
},
{
"name": "size-normal",
"value": "iv.$size-6"
},
{
"name": "size-medium",
"value": "iv.$size-5"
},
{
"name": "size-large",
"value": "iv.$size-4"
},
{
"name": "shadow-color",
"value": "iv.$black"
},
{
"name": "custom-colors",
"value": "null"
},
{
"name": "custom-shades",
"value": "null"
},
{
"name": "colors",
"value": "fn.mergeColorMaps(\n (\n \"white\": (\n iv.$white,\n iv.$black,\n ),\n \"black\": (\n iv.$black,\n iv.$white,\n ),\n \"light\": (\n $light,\n $dark,\n ),\n \"dark\": (\n $dark,\n $light,\n ),\n \"text\": $text,\n \"primary\": $primary,\n \"link\": $link,\n \"info\": $info,\n \"success\": $success,\n \"warning\": $warning,\n \"danger\": $danger,\n ),\n $custom-colors\n)"
},
{
"name": "shades",
"value": "fn.mergeColorMaps(\n (\n \"black-bis\": iv.$black-bis,\n \"black-ter\": iv.$black-ter,\n \"grey-darker\": iv.$grey-darker,\n \"grey-dark\": iv.$grey-dark,\n \"grey\": iv.$grey,\n \"grey-light\": iv.$grey-light,\n \"grey-lighter\": iv.$grey-lighter,\n \"white-ter\": iv.$white-ter,\n \"white-bis\": iv.$white-bis,\n ),\n $custom-shades\n)"
},
{
"name": "sizes",
"value": "iv.$size-1 iv.$size-2 iv.$size-3 iv.$size-4 iv.$size-5 iv.$size-6\n iv.$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",
"$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",
"$text-strong",
"$code",
"$code-background",
"$pre",
"$pre-background",
"$link",
"$link-invert",
"$link-light",
"$link-dark",
"$link-visited",
"$link-hover",
"$link-hover-border",
"$link-focus",
"$link-focus-border",
"$link-active",
"$link-active-border",
"$family-primary",
"$family-secondary",
"$family-code",
"$size-small",
"$size-normal",
"$size-medium",
"$size-large",
"$shadow",
"$custom-colors",
"$custom-shades",
"$colors",
"$shades",
"$sizes"
],
"file_path": "utilities/derived-variables.sass"
"css-vars": []
}

View File

@@ -1,319 +1,241 @@
{
"by_name": {
"$black": {
"name": "$black",
"value": "hsl(0, 0%, 4%)",
"type": "color"
"sass-vars": [
{
"name": "black",
"value": "hsl(221, 14%, 4%)"
},
"$black-bis": {
"name": "$black-bis",
"value": "hsl(0, 0%, 7%)",
"type": "color"
{
"name": "black-bis",
"value": "hsl(221, 14%, 9%)"
},
"$black-ter": {
"name": "$black-ter",
"value": "hsl(0, 0%, 14%)",
"type": "color"
{
"name": "black-ter",
"value": "hsl(221, 14%, 14%)"
},
"$grey-darker": {
"name": "$grey-darker",
"value": "hsl(0, 0%, 21%)",
"type": "color"
{
"name": "grey-darker",
"value": "hsl(221, 14%, 21%)"
},
"$grey-dark": {
"name": "$grey-dark",
"value": "hsl(0, 0%, 29%)",
"type": "color"
{
"name": "grey-dark",
"value": "hsl(221, 14%, 29%)"
},
"$grey": {
"name": "$grey",
"value": "hsl(0, 0%, 48%)",
"type": "color"
{
"name": "grey",
"value": "hsl(221, 14%, 48%)"
},
"$grey-light": {
"name": "$grey-light",
"value": "hsl(0, 0%, 71%)",
"type": "color"
{
"name": "grey-light",
"value": "hsl(221, 14%, 71%)"
},
"$grey-lighter": {
"name": "$grey-lighter",
"value": "hsl(0, 0%, 86%)",
"type": "color"
{
"name": "grey-lighter",
"value": "hsl(221, 14%, 86%)"
},
"$grey-lightest": {
"name": "$grey-lightest",
"value": "hsl(0, 0%, 93%)",
"type": "color"
{
"name": "grey-lightest",
"value": "hsl(221, 14%, 93%)"
},
"$white-ter": {
"name": "$white-ter",
"value": "hsl(0, 0%, 96%)",
"type": "color"
{
"name": "white-ter",
"value": "hsl(221, 14%, 96%)"
},
"$white-bis": {
"name": "$white-bis",
"value": "hsl(0, 0%, 98%)",
"type": "color"
{
"name": "white-bis",
"value": "hsl(221, 14%, 98%)"
},
"$white": {
"name": "$white",
"value": "hsl(0, 0%, 100%)",
"type": "color"
{
"name": "white",
"value": "hsl(221, 14%, 100%)"
},
"$orange": {
"name": "$orange",
"value": "hsl(14, 100%, 53%)",
"type": "color"
{
"name": "orange",
"value": "hsl(14, 100%, 53%)"
},
"$yellow": {
"name": "$yellow",
"value": "hsl(44, 100%, 77%)",
"type": "color"
{
"name": "yellow",
"value": "hsl(42, 100%, 53%)"
},
"$green": {
"name": "$green",
"value": "hsl(153, 53%, 53%)",
"type": "color"
{
"name": "green",
"value": "hsl(153, 53%, 53%)"
},
"$turquoise": {
"name": "$turquoise",
"value": "hsl(171, 100%, 41%)",
"type": "color"
{
"name": "turquoise",
"value": "hsl(171, 100%, 41%)"
},
"$cyan": {
"name": "$cyan",
"value": "hsl(207, 61%, 53%)",
"type": "color"
{
"name": "cyan",
"value": "hsl(198, 100%, 70%)"
},
"$blue": {
"name": "$blue",
"value": "hsl(229, 53%, 53%)",
"type": "color"
{
"name": "blue",
"value": "hsl(233, 100%, 63%)"
},
"$purple": {
"name": "$purple",
"value": "hsl(271, 100%, 71%)",
"type": "color"
{
"name": "purple",
"value": "hsl(271, 100%, 71%)"
},
"$red": {
"name": "$red",
"value": "hsl(348, 86%, 61%)",
"type": "color"
{
"name": "red",
"value": "hsl(348, 100%, 70%)"
},
"$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",
"type": "font-family"
{
"name": "family-sans-serif",
"value": "\"Inter\", \"SF Pro\", \"Segoe UI\", \"Roboto\", \"Oxygen\", \"Ubuntu\",\n \"Helvetica Neue\", \"Helvetica\", \"Arial\", sans-serif"
},
"$family-monospace": {
"name": "$family-monospace",
"value": "monospace",
"type": "font-family"
{
"name": "family-monospace",
"value": "\"Inconsolata\", \"Hack\", \"SF Mono\", \"Roboto Mono\",\n \"Source Code Pro\", \"Ubuntu Mono\", monospace"
},
"$render-mode": {
"name": "$render-mode",
"value": "optimizeLegibility",
"type": "keyword"
{
"name": "render-mode",
"value": "optimizeLegibility"
},
"$size-1": {
"name": "$size-1",
"value": "3rem",
"type": "size"
{
"name": "size-1",
"value": "3rem"
},
"$size-2": {
"name": "$size-2",
"value": "2.5rem",
"type": "size"
{
"name": "size-2",
"value": "2.5rem"
},
"$size-3": {
"name": "$size-3",
"value": "2rem",
"type": "size"
{
"name": "size-3",
"value": "2rem"
},
"$size-4": {
"name": "$size-4",
"value": "1.5rem",
"type": "size"
{
"name": "size-4",
"value": "1.5rem"
},
"$size-5": {
"name": "$size-5",
"value": "1.25rem",
"type": "size"
{
"name": "size-5",
"value": "1.25rem"
},
"$size-6": {
"name": "$size-6",
"value": "1rem",
"type": "size"
{
"name": "size-6",
"value": "1rem"
},
"$size-7": {
"name": "$size-7",
"value": "0.75rem",
"type": "size"
{
"name": "size-7",
"value": "0.75rem"
},
"$weight-light": {
"name": "$weight-light",
"value": "300",
"type": "font-weight"
{
"name": "weight-light",
"value": "300"
},
"$weight-normal": {
"name": "$weight-normal",
"value": "400",
"type": "font-weight"
{
"name": "weight-normal",
"value": "400"
},
"$weight-medium": {
"name": "$weight-medium",
"value": "500",
"type": "font-weight"
{
"name": "weight-medium",
"value": "500"
},
"$weight-semibold": {
"name": "$weight-semibold",
"value": "600",
"type": "font-weight"
{
"name": "weight-semibold",
"value": "600"
},
"$weight-bold": {
"name": "$weight-bold",
"value": "700",
"type": "font-weight"
{
"name": "weight-bold",
"value": "700"
},
"$block-spacing": {
"name": "$block-spacing",
"value": "1.5rem",
"type": "size"
{
"name": "weight-extrabold",
"value": "800"
},
"$gap": {
"name": "$gap",
"value": "32px",
"type": "size"
{
"name": "block-spacing",
"value": "1.5rem"
},
"$tablet": {
"name": "$tablet",
"value": "769px",
"type": "size"
{
"name": "aspect-ratios",
"value": "(\n (1, 1),\n (5, 4),\n (4, 3),\n (3, 2),\n (5, 3),\n (16, 9),\n (2, 1),\n (3, 1),\n (4, 5),\n (3, 4),\n (2, 3),\n (3, 5),\n (9, 16),\n (1, 2),\n (1, 3)\n)"
},
"$desktop": {
"name": "$desktop",
"value": "960px + (2 * $gap)",
"type": "computed"
{
"name": "gap",
"value": "32px"
},
"$widescreen": {
"name": "$widescreen",
"value": "1152px + (2 * $gap)",
"type": "computed"
{
"name": "tablet",
"value": "769px"
},
"$widescreen-enabled": {
"name": "$widescreen-enabled",
"value": "true",
"type": "boolean"
{
"name": "desktop",
"value": "960px + 2 * $gap"
},
"$fullhd": {
"name": "$fullhd",
"value": "1344px + (2 * $gap)",
"type": "computed"
{
"name": "widescreen",
"value": "1152px + 2 * $gap"
},
"$fullhd-enabled": {
"name": "$fullhd-enabled",
"value": "true",
"type": "boolean"
{
"name": "widescreen-enabled",
"value": "true"
},
"$breakpoints": {
"name": "$breakpoints",
"value": "(\"mobile\": (\"until\": $tablet), \"tablet\": (\"from\": $tablet), \"tablet-only\": (\"from\": $tablet, \"until\": $desktop), \"touch\": (\"from\": $desktop), \"desktop\": (\"from\": $desktop), \"desktop-only\": (\"from\": $desktop, \"until\": $widescreen), \"until-widescreen\": (\"until\": $widescreen), \"widescreen\": (\"from\": $widescreen), \"widescreen-only\": (\"from\": $widescreen, \"until\": $fullhd), \"until-fullhd\": (\"until\": $fullhd), \"fullhd\": (\"from\": $fullhd))",
"type": "compound"
{
"name": "fullhd",
"value": "1344px + 2 * $gap"
},
"$easing": {
"name": "$easing",
"value": "ease-out",
"type": "keyword"
{
"name": "fullhd-enabled",
"value": "true"
},
"$radius-small": {
"name": "$radius-small",
"value": "2px",
"type": "size"
{
"name": "breakpoints",
"value": "(\n \"mobile\": (\n \"until\": $tablet,\n ),\n \"tablet\": (\n \"from\": $tablet,\n ),\n \"tablet-only\": (\n \"from\": $tablet,\n \"until\": $desktop,\n ),\n \"touch\": (\n \"from\": $desktop,\n ),\n \"desktop\": (\n \"from\": $desktop,\n ),\n \"desktop-only\": (\n \"from\": $desktop,\n \"until\": $widescreen,\n ),\n \"until-widescreen\": (\n \"until\": $widescreen,\n ),\n \"widescreen\": (\n \"from\": $widescreen,\n ),\n \"widescreen-only\": (\n \"from\": $widescreen,\n \"until\": $fullhd,\n ),\n \"until-fullhd\": (\n \"until\": $fullhd,\n ),\n \"fullhd\": (\n \"from\": $fullhd,\n ),\n)"
},
"$radius": {
"name": "$radius",
"value": "4px",
"type": "size"
{
"name": "easing",
"value": "ease-out"
},
"$radius-large": {
"name": "$radius-large",
"value": "6px",
"type": "size"
{
"name": "radius-small",
"value": "0.25rem"
},
"$radius-rounded": {
"name": "$radius-rounded",
"value": "9999px",
"type": "size"
{
"name": "radius",
"value": "0.375rem"
},
"$speed": {
"name": "$speed",
"value": "86ms",
"type": "duration"
{
"name": "radius-medium",
"value": "0.5em"
},
"$variable-columns": {
"name": "$variable-columns",
"value": "true",
"type": "boolean"
{
"name": "radius-large",
"value": "0.75rem"
},
"$rtl": {
"name": "$rtl",
"value": "false",
"type": "boolean"
{
"name": "radius-rounded",
"value": "9999px"
},
{
"name": "speed",
"value": "86ms"
},
{
"name": "variable-columns",
"value": "true"
},
{
"name": "rtl",
"value": "false"
},
{
"name": "class-prefix",
"value": "\"\""
},
{
"name": "cssvars-prefix",
"value": "\"bulma-\""
},
{
"name": "helpers-prefix",
"value": "\"is-\""
},
{
"name": "helpers-has-prefix",
"value": "\"has-\""
}
},
"list": [
"$black",
"$black-bis",
"$black-ter",
"$grey-darker",
"$grey-dark",
"$grey",
"$grey-light",
"$grey-lighter",
"$grey-lightest",
"$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",
"$block-spacing",
"$gap",
"$tablet",
"$desktop",
"$widescreen",
"$widescreen-enabled",
"$fullhd",
"$fullhd-enabled",
"$breakpoints",
"$easing",
"$radius-small",
"$radius",
"$radius-large",
"$radius-rounded",
"$speed",
"$variable-columns",
"$rtl"
],
"file_path": "utilities/initial-variables.sass"
"css-vars": []
}