bulma/docs/_data/variables/elements/form.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

160 lines
4.3 KiB
JSON

{
"dir_name": "elements",
"file_name": "form",
"file_relative_path": "elements/form.sass",
"file_line_from": 1,
"file_line_to": 41,
"file_url": "https://github.com/jgthms/bulma/blob/master/sass/elements/form.sass#L1,L41",
"vars": {
"input-color": {
"id": "input-color",
"name": "$input-color",
"value": "$grey-darker"
},
"input-background-color": {
"id": "input-background-color",
"name": "$input-background-color",
"value": "$white"
},
"input-border-color": {
"id": "input-border-color",
"name": "$input-border-color",
"value": "$grey-lighter"
},
"input-shadow": {
"id": "input-shadow",
"name": "$input-shadow",
"value": "inset 0 1px 2px rgba($black, 0.1)"
},
"input-hover-color": {
"id": "input-hover-color",
"name": "$input-hover-color",
"value": "$grey-darker"
},
"input-hover-border-color": {
"id": "input-hover-border-color",
"name": "$input-hover-border-color",
"value": "$grey-light"
},
"input-focus-color": {
"id": "input-focus-color",
"name": "$input-focus-color",
"value": "$grey-darker"
},
"input-focus-border-color": {
"id": "input-focus-border-color",
"name": "$input-focus-border-color",
"value": "$link"
},
"input-focus-box-shadow-size": {
"id": "input-focus-box-shadow-size",
"name": "$input-focus-box-shadow-size",
"value": "0 0 0 0.125em"
},
"input-focus-box-shadow-color": {
"id": "input-focus-box-shadow-color",
"name": "$input-focus-box-shadow-color",
"value": "rgba($link, 0.25)"
},
"input-disabled-color": {
"id": "input-disabled-color",
"name": "$input-disabled-color",
"value": "$text-light"
},
"input-disabled-background-color": {
"id": "input-disabled-background-color",
"name": "$input-disabled-background-color",
"value": "$background"
},
"input-disabled-border-color": {
"id": "input-disabled-border-color",
"name": "$input-disabled-border-color",
"value": "$background"
},
"input-arrow": {
"id": "input-arrow",
"name": "$input-arrow",
"value": "$link"
},
"input-icon-color": {
"id": "input-icon-color",
"name": "$input-icon-color",
"value": "$grey-lighter"
},
"input-icon-active-color": {
"id": "input-icon-active-color",
"name": "$input-icon-active-color",
"value": "$grey"
},
"input-radius": {
"id": "input-radius",
"name": "$input-radius",
"value": "$radius"
},
"file-border-color": {
"id": "file-border-color",
"name": "$file-border-color",
"value": "$border"
},
"file-radius": {
"id": "file-radius",
"name": "$file-radius",
"value": "$radius"
},
"file-cta-background-color": {
"id": "file-cta-background-color",
"name": "$file-cta-background-color",
"value": "$white-ter"
},
"file-cta-color": {
"id": "file-cta-color",
"name": "$file-cta-color",
"value": "$grey-dark"
},
"file-cta-hover-color": {
"id": "file-cta-hover-color",
"name": "$file-cta-hover-color",
"value": "$grey-darker"
},
"file-cta-active-color": {
"id": "file-cta-active-color",
"name": "$file-cta-active-color",
"value": "$grey-darker"
},
"file-name-border-color": {
"id": "file-name-border-color",
"name": "$file-name-border-color",
"value": "$border"
},
"file-name-border-style": {
"id": "file-name-border-style",
"name": "$file-name-border-style",
"value": "solid"
},
"file-name-border-width": {
"id": "file-name-border-width",
"name": "$file-name-border-width",
"value": "1px 1px 1px 0"
},
"file-name-max-width": {
"id": "file-name-max-width",
"name": "$file-name-max-width",
"value": "16em"
},
"label-color": {
"id": "label-color",
"name": "$label-color",
"value": "$grey-darker"
},
"label-weight": {
"id": "label-weight",
"name": "$label-weight",
"value": "$weight-bold"
},
"help-size": {
"id": "help-size",
"name": "$help-size",
"value": "$size-small"
}
}
}