mirror of
https://github.com/jgthms/bulma
synced 2026-03-17 02:44:29 -07:00
Init v1
This commit is contained in:
Jeremy Thomas
@@ -1,163 +1,253 @@
|
||||
{
|
||||
"by_name": {
|
||||
"$form-colors": {
|
||||
"name": "$form-colors",
|
||||
"value": "$colors",
|
||||
"type": "variable",
|
||||
"computed_type": "map",
|
||||
"computed_value": "Bulma colors"
|
||||
"sass-vars": [
|
||||
{
|
||||
"name": "form-colors",
|
||||
"value": "dv.$colors"
|
||||
},
|
||||
"$input-color": {
|
||||
"name": "$input-color",
|
||||
"value": "$text-strong",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
{
|
||||
"name": "input-h",
|
||||
"value": "var(--bulma-scheme-h)",
|
||||
"css-var": "input-h"
|
||||
},
|
||||
"$input-background-color": {
|
||||
"name": "$input-background-color",
|
||||
"value": "$scheme-main",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 100%)"
|
||||
{
|
||||
"name": "input-s",
|
||||
"value": "var(--bulma-scheme-s)",
|
||||
"css-var": "input-s"
|
||||
},
|
||||
"$input-border-color": {
|
||||
"name": "$input-border-color",
|
||||
"value": "$border",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 86%)"
|
||||
{
|
||||
"name": "input-l",
|
||||
"value": "var(--bulma-scheme-main-l)",
|
||||
"css-var": "input-l"
|
||||
},
|
||||
"$input-height": {
|
||||
"name": "$input-height",
|
||||
"value": "$control-height",
|
||||
"type": "variable"
|
||||
{
|
||||
"name": "input-border-l",
|
||||
"value": "var(--bulma-border-l)",
|
||||
"css-var": "input-border-l"
|
||||
},
|
||||
"$input-shadow": {
|
||||
"name": "$input-shadow",
|
||||
"value": "inset 0 0.0625em 0.125em rgba($scheme-invert, 0.05)",
|
||||
"type": "shadow"
|
||||
{
|
||||
"name": "input-border-l-delta",
|
||||
"value": "0%",
|
||||
"css-var": "input-border-l-delta"
|
||||
},
|
||||
"$input-placeholder-color": {
|
||||
"name": "$input-placeholder-color",
|
||||
"value": "bulmaRgba($input-color, 0.3)",
|
||||
"type": "compound"
|
||||
{
|
||||
"name": "input-hover-border-l-delta",
|
||||
"value": "var(--bulma-hover-border-l-delta)",
|
||||
"css-var": "input-hover-border-l-delta"
|
||||
},
|
||||
"$input-hover-color": {
|
||||
"name": "$input-hover-color",
|
||||
"value": "$text-strong",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
{
|
||||
"name": "input-active-border-l-delta",
|
||||
"value": "var(--bulma-active-border-l-delta)",
|
||||
"css-var": "input-active-border-l-delta"
|
||||
},
|
||||
"$input-hover-border-color": {
|
||||
"name": "$input-hover-border-color",
|
||||
"value": "$border-hover",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 71%)"
|
||||
{
|
||||
"name": "input-color-l",
|
||||
"value": "var(--bulma-text-strong-l)",
|
||||
"css-var": "input-color-l"
|
||||
},
|
||||
"$input-focus-color": {
|
||||
"name": "$input-focus-color",
|
||||
"value": "$text-strong",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 21%)"
|
||||
{
|
||||
"name": "input-background-l",
|
||||
"value": "var(--bulma-scheme-main-l)",
|
||||
"css-var": "input-background-l"
|
||||
},
|
||||
"$input-focus-border-color": {
|
||||
"name": "$input-focus-border-color",
|
||||
"value": "$link",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(229, 53%, 53%)"
|
||||
{
|
||||
"name": "input-background-l-delta",
|
||||
"value": "0%",
|
||||
"css-var": "input-background-l-delta"
|
||||
},
|
||||
"$input-focus-box-shadow-size": {
|
||||
"name": "$input-focus-box-shadow-size",
|
||||
"value": "0 0 0 0.125em",
|
||||
"type": "size"
|
||||
{
|
||||
"name": "input-height",
|
||||
"value": "var(--bulma-control-height)",
|
||||
"css-var": "input-height"
|
||||
},
|
||||
"$input-focus-box-shadow-color": {
|
||||
"name": "$input-focus-box-shadow-color",
|
||||
"value": "bulmaRgba($link, 0.25)",
|
||||
"type": "compound"
|
||||
{
|
||||
"name": "input-shadow",
|
||||
"value": "inset 0 0.0625em 0.125em\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.05\n )",
|
||||
"css-var": "input-shadow"
|
||||
},
|
||||
"$input-disabled-color": {
|
||||
"name": "$input-disabled-color",
|
||||
"value": "$text-light",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 48%)"
|
||||
{
|
||||
"name": "input-placeholder-color",
|
||||
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-strong-l),\n 0.3\n)",
|
||||
"css-var": "input-placeholder-color"
|
||||
},
|
||||
"$input-disabled-background-color": {
|
||||
"name": "$input-disabled-background-color",
|
||||
"value": "$background",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 96%)"
|
||||
{
|
||||
"name": "input-focus-h",
|
||||
"value": "var(--bulma-focus-h)",
|
||||
"css-var": "input-focus-h"
|
||||
},
|
||||
"$input-disabled-border-color": {
|
||||
"name": "$input-disabled-border-color",
|
||||
"value": "$background",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 96%)"
|
||||
{
|
||||
"name": "input-focus-s",
|
||||
"value": "var(--bulma-focus-s)",
|
||||
"css-var": "input-focus-s"
|
||||
},
|
||||
"$input-disabled-placeholder-color": {
|
||||
"name": "$input-disabled-placeholder-color",
|
||||
"value": "bulmaRgba($input-disabled-color, 0.3)",
|
||||
"type": "compound"
|
||||
{
|
||||
"name": "input-focus-l",
|
||||
"value": "var(--bulma-focus-l)",
|
||||
"css-var": "input-focus-l"
|
||||
},
|
||||
"$input-arrow": {
|
||||
"name": "$input-arrow",
|
||||
"value": "$link",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(229, 53%, 53%)"
|
||||
{
|
||||
"name": "input-focus-shadow-size",
|
||||
"value": "var(--bulma-focus-shadow-size)",
|
||||
"css-var": "input-focus-shadow-size"
|
||||
},
|
||||
"$input-icon-color": {
|
||||
"name": "$input-icon-color",
|
||||
"value": "$border",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 86%)"
|
||||
{
|
||||
"name": "input-focus-shadow-alpha",
|
||||
"value": "var(--bulma-focus-shadow-alpha)",
|
||||
"css-var": "input-focus-shadow-alpha"
|
||||
},
|
||||
"$input-icon-active-color": {
|
||||
"name": "$input-icon-active-color",
|
||||
"value": "$text",
|
||||
"type": "variable",
|
||||
"computed_type": "color",
|
||||
"computed_value": "hsl(0, 0%, 29%)"
|
||||
{
|
||||
"name": "input-disabled-color",
|
||||
"value": "var(--bulma-text-weak)",
|
||||
"css-var": "input-disabled-color"
|
||||
},
|
||||
"$input-radius": {
|
||||
"name": "$input-radius",
|
||||
"value": "$radius",
|
||||
"type": "variable",
|
||||
"computed_type": "size",
|
||||
"computed_value": "4px"
|
||||
{
|
||||
"name": "input-disabled-background-color",
|
||||
"value": "var(--bulma-background)",
|
||||
"css-var": "input-disabled-background-color"
|
||||
},
|
||||
{
|
||||
"name": "input-disabled-border-color",
|
||||
"value": "var(--bulma-background)",
|
||||
"css-var": "input-disabled-border-color"
|
||||
},
|
||||
{
|
||||
"name": "input-disabled-placeholder-color",
|
||||
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-weak-l),\n 0.3\n)",
|
||||
"css-var": "input-disabled-placeholder-color"
|
||||
},
|
||||
{
|
||||
"name": "input-arrow",
|
||||
"value": "var(--bulma-link)",
|
||||
"css-var": "input-arrow"
|
||||
},
|
||||
{
|
||||
"name": "input-icon-color",
|
||||
"value": "var(--bulma-text-light)",
|
||||
"css-var": "input-icon-color"
|
||||
},
|
||||
{
|
||||
"name": "input-icon-hover-color",
|
||||
"value": "var(--bulma-text-weak)",
|
||||
"css-var": "input-icon-hover-color"
|
||||
},
|
||||
{
|
||||
"name": "input-icon-focus-color",
|
||||
"value": "var(--bulma-link)",
|
||||
"css-var": "input-icon-focus-color"
|
||||
},
|
||||
{
|
||||
"name": "input-radius",
|
||||
"value": "var(--bulma-radius)",
|
||||
"css-var": "input-radius"
|
||||
}
|
||||
},
|
||||
"list": [
|
||||
"$form-colors",
|
||||
"$input-color",
|
||||
"$input-background-color",
|
||||
"$input-border-color",
|
||||
"$input-height",
|
||||
"$input-shadow",
|
||||
"$input-placeholder-color",
|
||||
"$input-hover-color",
|
||||
"$input-hover-border-color",
|
||||
"$input-focus-color",
|
||||
"$input-focus-border-color",
|
||||
"$input-focus-box-shadow-size",
|
||||
"$input-focus-box-shadow-color",
|
||||
"$input-disabled-color",
|
||||
"$input-disabled-background-color",
|
||||
"$input-disabled-border-color",
|
||||
"$input-disabled-placeholder-color",
|
||||
"$input-arrow",
|
||||
"$input-icon-color",
|
||||
"$input-icon-active-color",
|
||||
"$input-radius"
|
||||
],
|
||||
"file_path": "form/shared.sass"
|
||||
"css-vars": [
|
||||
{
|
||||
"name": "input-h",
|
||||
"value": "var(--bulma-scheme-h)"
|
||||
},
|
||||
{
|
||||
"name": "input-s",
|
||||
"value": "var(--bulma-scheme-s)"
|
||||
},
|
||||
{
|
||||
"name": "input-l",
|
||||
"value": "var(--bulma-scheme-main-l)"
|
||||
},
|
||||
{
|
||||
"name": "input-border-l",
|
||||
"value": "var(--bulma-border-l)"
|
||||
},
|
||||
{
|
||||
"name": "input-border-l-delta",
|
||||
"value": "0%"
|
||||
},
|
||||
{
|
||||
"name": "input-hover-border-l-delta",
|
||||
"value": "var(--bulma-hover-border-l-delta)"
|
||||
},
|
||||
{
|
||||
"name": "input-active-border-l-delta",
|
||||
"value": "var(--bulma-active-border-l-delta)"
|
||||
},
|
||||
{
|
||||
"name": "input-focus-h",
|
||||
"value": "var(--bulma-focus-h)"
|
||||
},
|
||||
{
|
||||
"name": "input-focus-s",
|
||||
"value": "var(--bulma-focus-s)"
|
||||
},
|
||||
{
|
||||
"name": "input-focus-l",
|
||||
"value": "var(--bulma-focus-l)"
|
||||
},
|
||||
{
|
||||
"name": "input-focus-shadow-size",
|
||||
"value": "var(--bulma-focus-shadow-size)"
|
||||
},
|
||||
{
|
||||
"name": "input-focus-shadow-alpha",
|
||||
"value": "var(--bulma-focus-shadow-alpha)"
|
||||
},
|
||||
{
|
||||
"name": "input-color-l",
|
||||
"value": "var(--bulma-text-strong-l)"
|
||||
},
|
||||
{
|
||||
"name": "input-background-l",
|
||||
"value": "var(--bulma-scheme-main-l)"
|
||||
},
|
||||
{
|
||||
"name": "input-background-l-delta",
|
||||
"value": "0%"
|
||||
},
|
||||
{
|
||||
"name": "input-height",
|
||||
"value": "var(--bulma-control-height)"
|
||||
},
|
||||
{
|
||||
"name": "input-shadow",
|
||||
"value": "inset 0 0.0625em 0.125em\n hsla(\n var(--bulma-scheme-h),\n var(--bulma-scheme-s),\n var(--bulma-scheme-invert-l),\n 0.05\n )"
|
||||
},
|
||||
{
|
||||
"name": "input-placeholder-color",
|
||||
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-strong-l),\n 0.3\n)"
|
||||
},
|
||||
{
|
||||
"name": "input-disabled-color",
|
||||
"value": "var(--bulma-text-weak)"
|
||||
},
|
||||
{
|
||||
"name": "input-disabled-background-color",
|
||||
"value": "var(--bulma-background)"
|
||||
},
|
||||
{
|
||||
"name": "input-disabled-border-color",
|
||||
"value": "var(--bulma-background)"
|
||||
},
|
||||
{
|
||||
"name": "input-disabled-placeholder-color",
|
||||
"value": "hsla(\n var(--bulma-text-h),\n var(--bulma-text-s),\n var(--bulma-text-weak-l),\n 0.3\n)"
|
||||
},
|
||||
{
|
||||
"name": "input-arrow",
|
||||
"value": "var(--bulma-link)"
|
||||
},
|
||||
{
|
||||
"name": "input-icon-color",
|
||||
"value": "var(--bulma-text-light)"
|
||||
},
|
||||
{
|
||||
"name": "input-icon-hover-color",
|
||||
"value": "var(--bulma-text-weak)"
|
||||
},
|
||||
{
|
||||
"name": "input-icon-focus-color",
|
||||
"value": "var(--bulma-link)"
|
||||
},
|
||||
{
|
||||
"name": "input-radius",
|
||||
"value": "var(--bulma-radius)"
|
||||
}
|
||||
]
|
||||
}
|
||||
Reference in New Issue
Block a user