Ark/bulma
1
0
Fork 0
mirror of https://github.com/jgthms/bulma synced 2026-03-16 18:44:28 -07:00
Code Issues Packages Projects Releases Wiki Activity

Init v1

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

440
docs/_data/variables/elements/button.json
View File

@@ -1,251 +1,275 @@
{
"by_name": {
"$button-color": {
"name": "$button-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
"sass-vars": [
{
"name": "button-weight",
"value": "var(--bulma-weight-medium)",
"css-var": "button-weight"
},
"$button-background-color": {
"name": "$button-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"$button-family": {
"name": "$button-family",
{
"name": "button-family",
"value": "false",
"type": "boolean"
"css-var": "button-family"
},
"$button-border-color": {
"name": "$button-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "button-border-color",
"value": "var(--bulma-border)",
"css-var": "button-border-color"
},
"$button-border-width": {
"name": "$button-border-width",
"value": "$control-border-width",
"type": "variable"
{
"name": "button-border-style",
"value": "solid",
"css-var": "button-border-style"
},
"$button-padding-vertical": {
"name": "$button-padding-vertical",
"value": "calc(0.5em - #{$button-border-width})",
"type": "size"
{
"name": "button-border-width",
"value": "var(--bulma-control-border-width)",
"css-var": "button-border-width"
},
"$button-padding-horizontal": {
"name": "$button-padding-horizontal",
{
"name": "button-padding-vertical",
"value": "0.5em",
"css-var": "button-padding-vertical"
},
{
"name": "button-padding-horizontal",
"value": "1em",
"type": "size"
"css-var": "button-padding-horizontal"
},
"$button-hover-color": {
"name": "$button-hover-color",
"value": "$link-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "button-focus-border-color",
"value": "var(--bulma-link-focus-border)",
"css-var": "button-focus-border-color"
},
"$button-hover-border-color": {
"name": "$button-hover-border-color",
"value": "$link-hover-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"$button-focus-color": {
"name": "$button-focus-color",
"value": "$link-focus",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"$button-focus-border-color": {
"name": "$button-focus-border-color",
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
},
"$button-focus-box-shadow-size": {
"name": "$button-focus-box-shadow-size",
{
"name": "button-focus-box-shadow-size",
"value": "0 0 0 0.125em",
"type": "size"
"css-var": "button-focus-box-shadow-size"
},
"$button-focus-box-shadow-color": {
"name": "$button-focus-box-shadow-color",
"value": "bulmaRgba($link, 0.25)",
"type": "compound"
{
"name": "button-focus-box-shadow-color",
"value": "hsla(\n var(--bulma-link-h),\n var(--bulma-link-s),\n var(--bulma-link-on-scheme-l),\n 0.25\n)",
"css-var": "button-focus-box-shadow-color"
},
"$button-active-color": {
"name": "$button-active-color",
"value": "$link-active",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "button-active-color",
"value": "var(--bulma-link-active)",
"css-var": "button-active-color"
},
"$button-active-border-color": {
"name": "$button-active-border-color",
"value": "$link-active-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "button-active-border-color",
"value": "var(--bulma-link-active-border)",
"css-var": "button-active-border-color"
},
"$button-text-color": {
"name": "$button-text-color",
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
{
"name": "button-text-color",
"value": "var(--bulma-text)",
"css-var": "button-text-color"
},
"$button-text-decoration": {
"name": "$button-text-decoration",
{
"name": "button-text-decoration",
"value": "underline",
"type": "string"
"css-var": "button-text-decoration"
},
"$button-text-hover-background-color": {
"name": "$button-text-hover-background-color",
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "button-text-hover-background-color",
"value": "var(--bulma-background)",
"css-var": "button-text-hover-background-color"
},
"$button-text-hover-color": {
"name": "$button-text-hover-color",
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
{
"name": "button-text-hover-color",
"value": "var(--bulma-text-strong)",
"css-var": "button-text-hover-color"
},
"$button-ghost-background": {
"name": "$button-ghost-background",
{
"name": "button-ghost-background",
"value": "none",
"type": "string"
"css-var": "button-ghost-background"
},
"$button-ghost-border-color": {
"name": "$button-ghost-border-color",
{
"name": "button-ghost-border-color",
"value": "transparent",
"type": "string"
"css-var": "button-ghost-border-color"
},
"$button-ghost-color": {
"name": "$button-ghost-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "button-ghost-color",
"value": "var(--bulma-link-text)",
"css-var": "button-ghost-color"
},
"$button-ghost-decoration": {
"name": "$button-ghost-decoration",
{
"name": "button-ghost-decoration",
"value": "none",
"type": "string"
"css-var": "button-ghost-decoration"
},
"$button-ghost-hover-color": {
"name": "$button-ghost-hover-color",
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(229, 53%, 53%)"
{
"name": "button-ghost-hover-color",
"value": "var(--bulma-link)",
"css-var": "button-ghost-hover-color"
},
"$button-ghost-hover-decoration": {
"name": "$button-ghost-hover-decoration",
{
"name": "button-ghost-hover-decoration",
"value": "underline",
"type": "string"
"css-var": "button-ghost-hover-decoration"
},
"$button-disabled-background-color": {
"name": "$button-disabled-background-color",
"value": "$scheme-main",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
{
"name": "button-disabled-background-color",
"value": "var(--bulma-scheme-main)",
"css-var": "button-disabled-background-color"
},
"$button-disabled-border-color": {
"name": "$button-disabled-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "button-disabled-border-color",
"value": "var(--bulma-border)",
"css-var": "button-disabled-border-color"
},
"$button-disabled-shadow": {
"name": "$button-disabled-shadow",
{
"name": "button-disabled-shadow",
"value": "none",
"type": "shadow"
"css-var": "button-disabled-shadow"
},
"$button-disabled-opacity": {
"name": "$button-disabled-opacity",
{
"name": "button-disabled-opacity",
"value": "0.5",
"type": "unitless"
"css-var": "button-disabled-opacity"
},
"$button-static-color": {
"name": "$button-static-color",
"value": "$text-light",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
{
"name": "button-static-color",
"value": "var(--bulma-text-weak)",
"css-var": "button-static-color"
},
"$button-static-background-color": {
"name": "$button-static-background-color",
"value": "$scheme-main-ter",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
{
"name": "button-static-background-color",
"value": "var(--bulma-scheme-main-ter)",
"css-var": "button-static-background-color"
},
"$button-static-border-color": {
"name": "$button-static-border-color",
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
{
"name": "button-static-border-color",
"value": "var(--bulma-border)",
"css-var": "button-static-border-color"
},
"$button-colors": {
"name": "$button-colors",
"value": "$colors",
"type": "variable",
"computed_type": "map",
"computed_value": "Bulma colors"
{
"name": "button-colors",
"value": "dv.$colors"
},
"$button-responsive-sizes": {
"name": "$button-responsive-sizes",
"value": "(\"mobile\": (\"small\": ($size-small * 0.75), \"normal\": ($size-small * 0.875), \"medium\": $size-small, \"large\": $size-normal), \"tablet-only\": (\"small\": ($size-small * 0.875), \"normal\": ($size-small), \"medium\": $size-normal, \"large\": $size-medium))",
"type": "compound"
{
"name": "button-responsive-sizes",
"value": "(\n \"mobile\": (\n \"small\": calc(var(--bulma-size-small) * 0.75),\n \"normal\": calc(var(--bulma-size-small) * 0.875),\n \"medium\": var(--bulma-size-small),\n \"large\": var(--bulma-size-normal),\n ),\n \"tablet-only\": (\n \"small\": calc(var(--bulma-size-small) * 0.875),\n \"normal\": var(--bulma-size-small),\n \"medium\": var(--bulma-size-normal),\n \"large\": var(--bulma-size-medium),\n ),\n)"
}
},
"list": [
"$button-color",
"$button-background-color",
"$button-family",
"$button-border-color",
"$button-border-width",
"$button-padding-vertical",
"$button-padding-horizontal",
"$button-hover-color",
"$button-hover-border-color",
"$button-focus-color",
"$button-focus-border-color",
"$button-focus-box-shadow-size",
"$button-focus-box-shadow-color",
"$button-active-color",
"$button-active-border-color",
"$button-text-color",
"$button-text-decoration",
"$button-text-hover-background-color",
"$button-text-hover-color",
"$button-ghost-background",
"$button-ghost-border-color",
"$button-ghost-color",
"$button-ghost-decoration",
"$button-ghost-hover-color",
"$button-ghost-hover-decoration",
"$button-disabled-background-color",
"$button-disabled-border-color",
"$button-disabled-shadow",
"$button-disabled-opacity",
"$button-static-color",
"$button-static-background-color",
"$button-static-border-color",
"$button-colors",
"$button-responsive-sizes"
],
"file_path": "elements/button.sass"
"css-vars": [
{
"name": "button-family",
"value": "false"
},
{
"name": "button-weight",
"value": "var(--bulma-weight-medium)"
},
{
"name": "button-border-color",
"value": "var(--bulma-border)"
},
{
"name": "button-border-style",
"value": "solid"
},
{
"name": "button-border-width",
"value": "var(--bulma-control-border-width)"
},
{
"name": "button-padding-vertical",
"value": "0.5em"
},
{
"name": "button-padding-horizontal",
"value": "1em"
},
{
"name": "button-focus-border-color",
"value": "var(--bulma-link-focus-border)"
},
{
"name": "button-focus-box-shadow-size",
"value": "0 0 0 0.125em"
},
{
"name": "button-focus-box-shadow-color",
"value": "hsla(\n var(--bulma-link-h),\n var(--bulma-link-s),\n var(--bulma-link-on-scheme-l),\n 0.25\n)"
},
{
"name": "button-active-color",
"value": "var(--bulma-link-active)"
},
{
"name": "button-active-border-color",
"value": "var(--bulma-link-active-border)"
},
{
"name": "button-text-color",
"value": "var(--bulma-text)"
},
{
"name": "button-text-decoration",
"value": "underline"
},
{
"name": "button-text-hover-background-color",
"value": "var(--bulma-background)"
},
{
"name": "button-text-hover-color",
"value": "var(--bulma-text-strong)"
},
{
"name": "button-ghost-background",
"value": "none"
},
{
"name": "button-ghost-border-color",
"value": "transparent"
},
{
"name": "button-ghost-color",
"value": "var(--bulma-link-text)"
},
{
"name": "button-ghost-decoration",
"value": "none"
},
{
"name": "button-ghost-hover-color",
"value": "var(--bulma-link)"
},
{
"name": "button-ghost-hover-decoration",
"value": "underline"
},
{
"name": "button-disabled-background-color",
"value": "var(--bulma-scheme-main)"
},
{
"name": "button-disabled-border-color",
"value": "var(--bulma-border)"
},
{
"name": "button-disabled-shadow",
"value": "none"
},
{
"name": "button-disabled-opacity",
"value": "0.5"
},
{
"name": "button-static-color",
"value": "var(--bulma-text-weak)"
},
{
"name": "button-static-background-color",
"value": "var(--bulma-scheme-main-ter)"
},
{
"name": "button-static-border-color",
"value": "var(--bulma-border)"
}
]
}