bulma/docs/_data/variables/components/tabs.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

130 lines
4.2 KiB
JSON

{
"dir_name": "components",
"file_name": "tabs",
"file_relative_path": "components/tabs.sass",
"file_line_from": 1,
"file_line_to": 27,
"file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/tabs.sass#L1,L27",
"vars": {
"tabs-border-bottom-color": {
"id": "tabs-border-bottom-color",
"name": "$tabs-border-bottom-color",
"value": "$border"
},
"tabs-border-bottom-style": {
"id": "tabs-border-bottom-style",
"name": "$tabs-border-bottom-style",
"value": "solid"
},
"tabs-border-bottom-width": {
"id": "tabs-border-bottom-width",
"name": "$tabs-border-bottom-width",
"value": "1px"
},
"tabs-link-color": {
"id": "tabs-link-color",
"name": "$tabs-link-color",
"value": "$text"
},
"tabs-link-hover-border-bottom-color": {
"id": "tabs-link-hover-border-bottom-color",
"name": "$tabs-link-hover-border-bottom-color",
"value": "$text-strong"
},
"tabs-link-hover-color": {
"id": "tabs-link-hover-color",
"name": "$tabs-link-hover-color",
"value": "$text-strong"
},
"tabs-link-active-border-bottom-color": {
"id": "tabs-link-active-border-bottom-color",
"name": "$tabs-link-active-border-bottom-color",
"value": "$link"
},
"tabs-link-active-color": {
"id": "tabs-link-active-color",
"name": "$tabs-link-active-color",
"value": "$link"
},
"tabs-link-padding": {
"id": "tabs-link-padding",
"name": "$tabs-link-padding",
"value": "0.5em 1em"
},
"tabs-boxed-link-radius": {
"id": "tabs-boxed-link-radius",
"name": "$tabs-boxed-link-radius",
"value": "$radius"
},
"tabs-boxed-link-hover-background-color": {
"id": "tabs-boxed-link-hover-background-color",
"name": "$tabs-boxed-link-hover-background-color",
"value": "$background"
},
"tabs-boxed-link-hover-border-bottom-color": {
"id": "tabs-boxed-link-hover-border-bottom-color",
"name": "$tabs-boxed-link-hover-border-bottom-color",
"value": "$border"
},
"tabs-boxed-link-active-background-color": {
"id": "tabs-boxed-link-active-background-color",
"name": "$tabs-boxed-link-active-background-color",
"value": "$white"
},
"tabs-boxed-link-active-border-color": {
"id": "tabs-boxed-link-active-border-color",
"name": "$tabs-boxed-link-active-border-color",
"value": "$border"
},
"tabs-boxed-link-active-border-bottom-color": {
"id": "tabs-boxed-link-active-border-bottom-color",
"name": "$tabs-boxed-link-active-border-bottom-color",
"value": "transparent"
},
"tabs-toggle-link-border-color": {
"id": "tabs-toggle-link-border-color",
"name": "$tabs-toggle-link-border-color",
"value": "$border"
},
"tabs-toggle-link-border-style": {
"id": "tabs-toggle-link-border-style",
"name": "$tabs-toggle-link-border-style",
"value": "solid"
},
"tabs-toggle-link-border-width": {
"id": "tabs-toggle-link-border-width",
"name": "$tabs-toggle-link-border-width",
"value": "1px"
},
"tabs-toggle-link-hover-background-color": {
"id": "tabs-toggle-link-hover-background-color",
"name": "$tabs-toggle-link-hover-background-color",
"value": "$background"
},
"tabs-toggle-link-hover-border-color": {
"id": "tabs-toggle-link-hover-border-color",
"name": "$tabs-toggle-link-hover-border-color",
"value": "$border-hover"
},
"tabs-toggle-link-radius": {
"id": "tabs-toggle-link-radius",
"name": "$tabs-toggle-link-radius",
"value": "$radius"
},
"tabs-toggle-link-active-background-color": {
"id": "tabs-toggle-link-active-background-color",
"name": "$tabs-toggle-link-active-background-color",
"value": "$link"
},
"tabs-toggle-link-active-border-color": {
"id": "tabs-toggle-link-active-border-color",
"name": "$tabs-toggle-link-active-border-color",
"value": "$link"
},
"tabs-toggle-link-active-color": {
"id": "tabs-toggle-link-active-color",
"name": "$tabs-toggle-link-active-color",
"value": "$link-invert"
}
}
}