mirror of
https://github.com/jgthms/bulma
synced 2026-03-21 04:34:30 -07:00
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
This commit is contained in:
bstashio
30
docs/_data/variables/utilities/controls.json
Normal file
30
docs/_data/variables/utilities/controls.json
Normal file
@@ -0,0 +1,30 @@
|
||||
{
|
||||
"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)"
|
||||
}
|
||||
}
|
||||
}
|
||||
265
docs/_data/variables/utilities/derived-variables.json
Normal file
265
docs/_data/variables/utilities/derived-variables.json
Normal file
@@ -0,0 +1,265 @@
|
||||
{
|
||||
"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"
|
||||
}
|
||||
}
|
||||
}
|
||||
230
docs/_data/variables/utilities/initial-variables.json
Normal file
230
docs/_data/variables/utilities/initial-variables.json
Normal file
@@ -0,0 +1,230 @@
|
||||
{
|
||||
"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",
|
||||
"name": "$black",
|
||||
"value": "hsl(0, 0%, 4%)"
|
||||
},
|
||||
"black-bis": {
|
||||
"id": "black-bis",
|
||||
"name": "$black-bis",
|
||||
"value": "hsl(0, 0%, 7%)"
|
||||
},
|
||||
"black-ter": {
|
||||
"id": "black-ter",
|
||||
"name": "$black-ter",
|
||||
"value": "hsl(0, 0%, 14%)"
|
||||
},
|
||||
"grey-darker": {
|
||||
"id": "grey-darker",
|
||||
"name": "$grey-darker",
|
||||
"value": "hsl(0, 0%, 21%)"
|
||||
},
|
||||
"grey-dark": {
|
||||
"id": "grey-dark",
|
||||
"name": "$grey-dark",
|
||||
"value": "hsl(0, 0%, 29%)"
|
||||
},
|
||||
"grey": {
|
||||
"id": "grey",
|
||||
"name": "$grey",
|
||||
"value": "hsl(0, 0%, 48%)"
|
||||
},
|
||||
"grey-light": {
|
||||
"id": "grey-light",
|
||||
"name": "$grey-light",
|
||||
"value": "hsl(0, 0%, 71%)"
|
||||
},
|
||||
"grey-lighter": {
|
||||
"id": "grey-lighter",
|
||||
"name": "$grey-lighter",
|
||||
"value": "hsl(0, 0%, 86%)"
|
||||
},
|
||||
"white-ter": {
|
||||
"id": "white-ter",
|
||||
"name": "$white-ter",
|
||||
"value": "hsl(0, 0%, 96%)"
|
||||
},
|
||||
"white-bis": {
|
||||
"id": "white-bis",
|
||||
"name": "$white-bis",
|
||||
"value": "hsl(0, 0%, 98%)"
|
||||
},
|
||||
"white": {
|
||||
"id": "white",
|
||||
"name": "$white",
|
||||
"value": "hsl(0, 0%, 100%)"
|
||||
},
|
||||
"orange": {
|
||||
"id": "orange",
|
||||
"name": "$orange",
|
||||
"value": "hsl(14, 100%, 53%)"
|
||||
},
|
||||
"yellow": {
|
||||
"id": "yellow",
|
||||
"name": "$yellow",
|
||||
"value": "hsl(48, 100%, 67%)"
|
||||
},
|
||||
"green": {
|
||||
"id": "green",
|
||||
"name": "$green",
|
||||
"value": "hsl(141, 71%, 48%)"
|
||||
},
|
||||
"turquoise": {
|
||||
"id": "turquoise",
|
||||
"name": "$turquoise",
|
||||
"value": "hsl(171, 100%, 41%)"
|
||||
},
|
||||
"cyan": {
|
||||
"id": "cyan",
|
||||
"name": "$cyan",
|
||||
"value": "hsl(204, 86%, 53%)"
|
||||
},
|
||||
"blue": {
|
||||
"id": "blue",
|
||||
"name": "$blue",
|
||||
"value": "hsl(217, 71%, 53%)"
|
||||
},
|
||||
"purple": {
|
||||
"id": "purple",
|
||||
"name": "$purple",
|
||||
"value": "hsl(271, 100%, 71%)"
|
||||
},
|
||||
"red": {
|
||||
"id": "red",
|
||||
"name": "$red",
|
||||
"value": "hsl(348, 100%, 61%)"
|
||||
},
|
||||
"family-sans-serif": {
|
||||
"id": "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"
|
||||
},
|
||||
"family-monospace": {
|
||||
"id": "family-monospace",
|
||||
"name": "$family-monospace",
|
||||
"value": "monospace"
|
||||
},
|
||||
"render-mode": {
|
||||
"id": "render-mode",
|
||||
"name": "$render-mode",
|
||||
"value": "optimizeLegibility"
|
||||
},
|
||||
"size-1": {
|
||||
"id": "size-1",
|
||||
"name": "$size-1",
|
||||
"value": "3rem"
|
||||
},
|
||||
"size-2": {
|
||||
"id": "size-2",
|
||||
"name": "$size-2",
|
||||
"value": "2.5rem"
|
||||
},
|
||||
"size-3": {
|
||||
"id": "size-3",
|
||||
"name": "$size-3",
|
||||
"value": "2rem"
|
||||
},
|
||||
"size-4": {
|
||||
"id": "size-4",
|
||||
"name": "$size-4",
|
||||
"value": "1.5rem"
|
||||
},
|
||||
"size-5": {
|
||||
"id": "size-5",
|
||||
"name": "$size-5",
|
||||
"value": "1.25rem"
|
||||
},
|
||||
"size-6": {
|
||||
"id": "size-6",
|
||||
"name": "$size-6",
|
||||
"value": "1rem"
|
||||
},
|
||||
"size-7": {
|
||||
"id": "size-7",
|
||||
"name": "$size-7",
|
||||
"value": "0.75rem"
|
||||
},
|
||||
"weight-light": {
|
||||
"id": "weight-light",
|
||||
"name": "$weight-light",
|
||||
"value": "300"
|
||||
},
|
||||
"weight-normal": {
|
||||
"id": "weight-normal",
|
||||
"name": "$weight-normal",
|
||||
"value": "400"
|
||||
},
|
||||
"weight-medium": {
|
||||
"id": "weight-medium",
|
||||
"name": "$weight-medium",
|
||||
"value": "500"
|
||||
},
|
||||
"weight-semibold": {
|
||||
"id": "weight-semibold",
|
||||
"name": "$weight-semibold",
|
||||
"value": "600"
|
||||
},
|
||||
"weight-bold": {
|
||||
"id": "weight-bold",
|
||||
"name": "$weight-bold",
|
||||
"value": "700"
|
||||
},
|
||||
"gap": {
|
||||
"id": "gap",
|
||||
"name": "$gap",
|
||||
"value": "32px"
|
||||
},
|
||||
"tablet": {
|
||||
"id": "tablet",
|
||||
"name": "$tablet",
|
||||
"value": "769px"
|
||||
},
|
||||
"desktop": {
|
||||
"id": "desktop",
|
||||
"name": "$desktop",
|
||||
"value": "960px + (2 * $gap)"
|
||||
},
|
||||
"widescreen": {
|
||||
"id": "widescreen",
|
||||
"name": "$widescreen",
|
||||
"value": "1152px + (2 * $gap)"
|
||||
},
|
||||
"fullhd": {
|
||||
"id": "fullhd",
|
||||
"name": "$fullhd",
|
||||
"value": "1344px + (2 * $gap)"
|
||||
},
|
||||
"easing": {
|
||||
"id": "easing",
|
||||
"name": "$easing",
|
||||
"value": "ease-out"
|
||||
},
|
||||
"radius-small": {
|
||||
"id": "radius-small",
|
||||
"name": "$radius-small",
|
||||
"value": "2px"
|
||||
},
|
||||
"radius": {
|
||||
"id": "radius",
|
||||
"name": "$radius",
|
||||
"value": "3px"
|
||||
},
|
||||
"radius-large": {
|
||||
"id": "radius-large",
|
||||
"name": "$radius-large",
|
||||
"value": "5px"
|
||||
},
|
||||
"speed": {
|
||||
"id": "speed",
|
||||
"name": "$speed",
|
||||
"value": "86ms"
|
||||
}
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user