bulma/docs/_data/variables/elements/button.json

191 lines
5.5 KiB
JSON
Raw Normal View History

{
2018-06-16 19:47:52 +00:00
"by_name": {
"$button-color": {
"name": "$button-color",
2019-10-13 15:31:23 +00:00
"value": "$text-strong",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$button-background-color": {
"name": "$button-background-color",
2019-10-13 15:31:23 +00:00
"value": "$scheme-main",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
2019-05-18 15:12:56 +00:00
"$button-family": {
"name": "$button-family",
"value": "false",
"type": "boolean"
},
2018-06-16 19:47:52 +00:00
"$button-border-color": {
"name": "$button-border-color",
2019-10-13 15:31:23 +00:00
"value": "$border",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"$button-border-width": {
"name": "$button-border-width",
"value": "$control-border-width",
2018-06-17 00:05:48 +00:00
"type": "variable"
2018-06-16 19:47:52 +00:00
},
"$button-padding-vertical": {
"name": "$button-padding-vertical",
2019-10-13 15:31:23 +00:00
"value": "calc(0.5em - #{$button-border-width})",
2018-06-17 00:05:48 +00:00
"type": "size"
2018-06-16 19:47:52 +00:00
},
"$button-padding-horizontal": {
"name": "$button-padding-horizontal",
2019-10-13 15:31:23 +00:00
"value": "1em",
2018-06-16 19:47:52 +00:00
"type": "size"
},
"$button-hover-color": {
"name": "$button-hover-color",
2018-06-16 19:47:52 +00:00
"value": "$link-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$button-hover-border-color": {
"name": "$button-hover-border-color",
2018-06-16 19:47:52 +00:00
"value": "$link-hover-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
2018-06-16 19:47:52 +00:00
"$button-focus-color": {
"name": "$button-focus-color",
2018-06-16 19:47:52 +00:00
"value": "$link-focus",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$button-focus-border-color": {
"name": "$button-focus-border-color",
2018-06-16 19:47:52 +00:00
"value": "$link-focus-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
},
2018-06-16 19:47:52 +00:00
"$button-focus-box-shadow-size": {
"name": "$button-focus-box-shadow-size",
2018-06-16 19:47:52 +00:00
"value": "0 0 0 0.125em",
"type": "size"
},
2018-06-16 19:47:52 +00:00
"$button-focus-box-shadow-color": {
"name": "$button-focus-box-shadow-color",
2018-06-16 19:47:52 +00:00
"value": "rgba($link, 0.25)",
2018-06-17 00:05:48 +00:00
"type": "color"
},
2018-06-16 19:47:52 +00:00
"$button-active-color": {
"name": "$button-active-color",
2018-06-16 19:47:52 +00:00
"value": "$link-active",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$button-active-border-color": {
"name": "$button-active-border-color",
2018-06-16 19:47:52 +00:00
"value": "$link-active-border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
2018-06-16 19:47:52 +00:00
"$button-text-color": {
"name": "$button-text-color",
2018-06-16 19:47:52 +00:00
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
2018-06-16 19:47:52 +00:00
"$button-text-hover-background-color": {
"name": "$button-text-hover-background-color",
2018-06-16 19:47:52 +00:00
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
2018-06-16 19:47:52 +00:00
"$button-text-hover-color": {
"name": "$button-text-hover-color",
2018-06-16 19:47:52 +00:00
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
2018-06-16 19:47:52 +00:00
"$button-disabled-background-color": {
"name": "$button-disabled-background-color",
2019-10-13 15:31:23 +00:00
"value": "$scheme-main",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
2018-06-16 19:47:52 +00:00
"$button-disabled-border-color": {
"name": "$button-disabled-border-color",
2019-10-13 15:31:23 +00:00
"value": "$border",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
2018-06-16 19:47:52 +00:00
"$button-disabled-shadow": {
"name": "$button-disabled-shadow",
2018-06-16 19:47:52 +00:00
"value": "none",
"type": "string"
},
2018-06-16 19:47:52 +00:00
"$button-disabled-opacity": {
"name": "$button-disabled-opacity",
2018-06-16 19:47:52 +00:00
"value": "0.5",
2018-06-17 00:05:48 +00:00
"type": "unitless"
},
2018-06-16 19:47:52 +00:00
"$button-static-color": {
"name": "$button-static-color",
2019-10-13 15:31:23 +00:00
"value": "$text-light",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 48%)"
},
2018-06-16 19:47:52 +00:00
"$button-static-background-color": {
"name": "$button-static-background-color",
2019-10-13 15:31:23 +00:00
"value": "$scheme-main-ter",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
2018-06-16 19:47:52 +00:00
"$button-static-border-color": {
"name": "$button-static-border-color",
2019-10-13 15:31:23 +00:00
"value": "$border",
2018-06-16 19:47:52 +00:00
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
}
2018-06-16 19:47:52 +00:00
},
"list": [
"$button-color",
"$button-background-color",
2019-05-18 15:12:56 +00:00
"$button-family",
2018-06-16 19:47:52 +00:00
"$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-hover-background-color",
"$button-text-hover-color",
"$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"
],
"file_path": "elements/button.sass"
}