bulma/docs/_data/variables/elements/button.json
bstashio 1523ce8527 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
2017-10-17 10:28:59 +01:00

115 lines
3.4 KiB
JSON

{
"dir_name": "elements",
"file_name": "button",
"file_relative_path": "elements/button.sass",
"file_line_from": 1,
"file_line_to": 27,
"file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/button.sass#L1,L27",
"vars": {
"button-color": {
"id": "button-color",
"name": "$button-color",
"value": "$grey-darker"
},
"button-background-color": {
"id": "button-background-color",
"name": "$button-background-color",
"value": "$white"
},
"button-border-color": {
"id": "button-border-color",
"name": "$button-border-color",
"value": "$grey-lighter"
},
"button-hover-color": {
"id": "button-hover-color",
"name": "$button-hover-color",
"value": "$link-hover"
},
"button-hover-border-color": {
"id": "button-hover-border-color",
"name": "$button-hover-border-color",
"value": "$link-hover-border"
},
"button-focus-color": {
"id": "button-focus-color",
"name": "$button-focus-color",
"value": "$link-focus"
},
"button-focus-border-color": {
"id": "button-focus-border-color",
"name": "$button-focus-border-color",
"value": "$link-focus-border"
},
"button-focus-box-shadow-size": {
"id": "button-focus-box-shadow-size",
"name": "$button-focus-box-shadow-size",
"value": "0 0 0 0.125em"
},
"button-focus-box-shadow-color": {
"id": "button-focus-box-shadow-color",
"name": "$button-focus-box-shadow-color",
"value": "rgba($link, 0.25)"
},
"button-active-color": {
"id": "button-active-color",
"name": "$button-active-color",
"value": "$link-active"
},
"button-active-border-color": {
"id": "button-active-border-color",
"name": "$button-active-border-color",
"value": "$link-active-border"
},
"button-text-color": {
"id": "button-text-color",
"name": "$button-text-color",
"value": "$text"
},
"button-text-hover-background-color": {
"id": "button-text-hover-background-color",
"name": "$button-text-hover-background-color",
"value": "$background"
},
"button-text-hover-color": {
"id": "button-text-hover-color",
"name": "$button-text-hover-color",
"value": "$text-strong"
},
"button-disabled-background-color": {
"id": "button-disabled-background-color",
"name": "$button-disabled-background-color",
"value": "$white"
},
"button-disabled-border-color": {
"id": "button-disabled-border-color",
"name": "$button-disabled-border-color",
"value": "$grey-lighter"
},
"button-disabled-shadow": {
"id": "button-disabled-shadow",
"name": "$button-disabled-shadow",
"value": "none"
},
"button-disabled-opacity": {
"id": "button-disabled-opacity",
"name": "$button-disabled-opacity",
"value": "0.5"
},
"button-static-color": {
"id": "button-static-color",
"name": "$button-static-color",
"value": "$grey"
},
"button-static-background-color": {
"id": "button-static-background-color",
"name": "$button-static-background-color",
"value": "$white-ter"
},
"button-static-border-color": {
"id": "button-static-border-color",
"name": "$button-static-border-color",
"value": "$grey-lighter"
}
}
}