Update variables include template

This commit is contained in:
Jeremy Thomas
2018-06-16 20:47:52 +01:00
parent ace4c58fc7
commit 1ff1edcf53
51 changed files with 2420 additions and 1498 deletions

View File

@@ -1,130 +1,187 @@
{
"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",
"by_name": {
"$tabs-border-bottom-color": {
"name": "$tabs-border-bottom-color",
"value": "$border"
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"tabs-border-bottom-style": {
"id": "tabs-border-bottom-style",
"$tabs-border-bottom-style": {
"name": "$tabs-border-bottom-style",
"value": "solid"
"value": "solid",
"type": "string"
},
"tabs-border-bottom-width": {
"id": "tabs-border-bottom-width",
"$tabs-border-bottom-width": {
"name": "$tabs-border-bottom-width",
"value": "1px"
"value": "1px",
"type": "size"
},
"tabs-link-color": {
"id": "tabs-link-color",
"$tabs-link-color": {
"name": "$tabs-link-color",
"value": "$text"
"value": "$text",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 29%)"
},
"tabs-link-hover-border-bottom-color": {
"id": "tabs-link-hover-border-bottom-color",
"$tabs-link-hover-border-bottom-color": {
"name": "$tabs-link-hover-border-bottom-color",
"value": "$text-strong"
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"tabs-link-hover-color": {
"id": "tabs-link-hover-color",
"$tabs-link-hover-color": {
"name": "$tabs-link-hover-color",
"value": "$text-strong"
"value": "$text-strong",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 21%)"
},
"tabs-link-active-border-bottom-color": {
"id": "tabs-link-active-border-bottom-color",
"$tabs-link-active-border-bottom-color": {
"name": "$tabs-link-active-border-bottom-color",
"value": "$link"
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
},
"tabs-link-active-color": {
"id": "tabs-link-active-color",
"$tabs-link-active-color": {
"name": "$tabs-link-active-color",
"value": "$link"
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
},
"tabs-link-padding": {
"id": "tabs-link-padding",
"$tabs-link-padding": {
"name": "$tabs-link-padding",
"value": "0.5em 1em"
"value": "0.5em 1em",
"type": "size"
},
"tabs-boxed-link-radius": {
"id": "tabs-boxed-link-radius",
"$tabs-boxed-link-radius": {
"name": "$tabs-boxed-link-radius",
"value": "$radius"
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
},
"tabs-boxed-link-hover-background-color": {
"id": "tabs-boxed-link-hover-background-color",
"$tabs-boxed-link-hover-background-color": {
"name": "$tabs-boxed-link-hover-background-color",
"value": "$background"
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"tabs-boxed-link-hover-border-bottom-color": {
"id": "tabs-boxed-link-hover-border-bottom-color",
"$tabs-boxed-link-hover-border-bottom-color": {
"name": "$tabs-boxed-link-hover-border-bottom-color",
"value": "$border"
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"tabs-boxed-link-active-background-color": {
"id": "tabs-boxed-link-active-background-color",
"$tabs-boxed-link-active-background-color": {
"name": "$tabs-boxed-link-active-background-color",
"value": "$white"
"value": "$white",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 100%)"
},
"tabs-boxed-link-active-border-color": {
"id": "tabs-boxed-link-active-border-color",
"$tabs-boxed-link-active-border-color": {
"name": "$tabs-boxed-link-active-border-color",
"value": "$border"
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"tabs-boxed-link-active-border-bottom-color": {
"id": "tabs-boxed-link-active-border-bottom-color",
"$tabs-boxed-link-active-border-bottom-color": {
"name": "$tabs-boxed-link-active-border-bottom-color",
"value": "transparent"
"value": "transparent",
"type": "string"
},
"tabs-toggle-link-border-color": {
"id": "tabs-toggle-link-border-color",
"$tabs-toggle-link-border-color": {
"name": "$tabs-toggle-link-border-color",
"value": "$border"
"value": "$border",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 86%)"
},
"tabs-toggle-link-border-style": {
"id": "tabs-toggle-link-border-style",
"$tabs-toggle-link-border-style": {
"name": "$tabs-toggle-link-border-style",
"value": "solid"
"value": "solid",
"type": "string"
},
"tabs-toggle-link-border-width": {
"id": "tabs-toggle-link-border-width",
"$tabs-toggle-link-border-width": {
"name": "$tabs-toggle-link-border-width",
"value": "1px"
"value": "1px",
"type": "size"
},
"tabs-toggle-link-hover-background-color": {
"id": "tabs-toggle-link-hover-background-color",
"$tabs-toggle-link-hover-background-color": {
"name": "$tabs-toggle-link-hover-background-color",
"value": "$background"
"value": "$background",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 96%)"
},
"tabs-toggle-link-hover-border-color": {
"id": "tabs-toggle-link-hover-border-color",
"$tabs-toggle-link-hover-border-color": {
"name": "$tabs-toggle-link-hover-border-color",
"value": "$border-hover"
"value": "$border-hover",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(0, 0%, 71%)"
},
"tabs-toggle-link-radius": {
"id": "tabs-toggle-link-radius",
"$tabs-toggle-link-radius": {
"name": "$tabs-toggle-link-radius",
"value": "$radius"
"value": "$radius",
"type": "variable",
"computed_type": "size",
"computed_value": "4px"
},
"tabs-toggle-link-active-background-color": {
"id": "tabs-toggle-link-active-background-color",
"$tabs-toggle-link-active-background-color": {
"name": "$tabs-toggle-link-active-background-color",
"value": "$link"
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
},
"tabs-toggle-link-active-border-color": {
"id": "tabs-toggle-link-active-border-color",
"$tabs-toggle-link-active-border-color": {
"name": "$tabs-toggle-link-active-border-color",
"value": "$link"
"value": "$link",
"type": "variable",
"computed_type": "color",
"computed_value": "hsl(217, 71%, 53%)"
},
"tabs-toggle-link-active-color": {
"id": "tabs-toggle-link-active-color",
"$tabs-toggle-link-active-color": {
"name": "$tabs-toggle-link-active-color",
"value": "$link-invert"
"value": "$link-invert",
"type": "variable",
"computed_type": "compound",
"computed_value": "findColorInvert($blue)"
}
}
},
"list": [
"$tabs-border-bottom-color",
"$tabs-border-bottom-style",
"$tabs-border-bottom-width",
"$tabs-link-color",
"$tabs-link-hover-border-bottom-color",
"$tabs-link-hover-color",
"$tabs-link-active-border-bottom-color",
"$tabs-link-active-color",
"$tabs-link-padding",
"$tabs-boxed-link-radius",
"$tabs-boxed-link-hover-background-color",
"$tabs-boxed-link-hover-border-bottom-color",
"$tabs-boxed-link-active-background-color",
"$tabs-boxed-link-active-border-color",
"$tabs-boxed-link-active-border-bottom-color",
"$tabs-toggle-link-border-color",
"$tabs-toggle-link-border-style",
"$tabs-toggle-link-border-width",
"$tabs-toggle-link-hover-background-color",
"$tabs-toggle-link-hover-border-color",
"$tabs-toggle-link-radius",
"$tabs-toggle-link-active-background-color",
"$tabs-toggle-link-active-border-color",
"$tabs-toggle-link-active-color"
],
"file_path": "components/tabs.sass"
}