mirror of
https://github.com/jgthms/bulma
synced 2026-03-20 20:24:30 -07:00
Update variables include template
This commit is contained in:
Jeremy Thomas
@@ -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