bulma/docs/_data/variables/components/tabs.json

{
  "by_name": {
    "$tabs-border-bottom-color": {
      "name": "$tabs-border-bottom-color",
      "value": "$border",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 86%)"
    },
    "$tabs-border-bottom-style": {
      "name": "$tabs-border-bottom-style",
      "value": "solid",
      "type": "string"
    },
    "$tabs-border-bottom-width": {
      "name": "$tabs-border-bottom-width",
      "value": "1px",
      "type": "size"
    },
    "$tabs-link-color": {
      "name": "$tabs-link-color",
      "value": "$text",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 29%)"
    },
    "$tabs-link-hover-border-bottom-color": {
      "name": "$tabs-link-hover-border-bottom-color",
      "value": "$text-strong",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 21%)"
    },
    "$tabs-link-hover-color": {
      "name": "$tabs-link-hover-color",
      "value": "$text-strong",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 21%)"
    },
    "$tabs-link-active-border-bottom-color": {
      "name": "$tabs-link-active-border-bottom-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$tabs-link-active-color": {
      "name": "$tabs-link-active-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$tabs-link-padding": {
      "name": "$tabs-link-padding",
      "value": "0.5em 1em",
      "type": "size"
    },
    "$tabs-boxed-link-radius": {
      "name": "$tabs-boxed-link-radius",
      "value": "$radius",
      "type": "variable",
      "computed_type": "size",
      "computed_value": "4px"
    },
    "$tabs-boxed-link-hover-background-color": {
      "name": "$tabs-boxed-link-hover-background-color",
      "value": "$background",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 96%)"
    },
    "$tabs-boxed-link-hover-border-bottom-color": {
      "name": "$tabs-boxed-link-hover-border-bottom-color",
      "value": "$border",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 86%)"
    },
    "$tabs-boxed-link-active-background-color": {
      "name": "$tabs-boxed-link-active-background-color",
      "value": "$white",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 100%)"
    },
    "$tabs-boxed-link-active-border-color": {
      "name": "$tabs-boxed-link-active-border-color",
      "value": "$border",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 86%)"
    },
    "$tabs-boxed-link-active-border-bottom-color": {
      "name": "$tabs-boxed-link-active-border-bottom-color",
      "value": "transparent",
      "type": "string"
    },
    "$tabs-toggle-link-border-color": {
      "name": "$tabs-toggle-link-border-color",
      "value": "$border",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 86%)"
    },
    "$tabs-toggle-link-border-style": {
      "name": "$tabs-toggle-link-border-style",
      "value": "solid",
      "type": "string"
    },
    "$tabs-toggle-link-border-width": {
      "name": "$tabs-toggle-link-border-width",
      "value": "1px",
      "type": "size"
    },
    "$tabs-toggle-link-hover-background-color": {
      "name": "$tabs-toggle-link-hover-background-color",
      "value": "$background",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 96%)"
    },
    "$tabs-toggle-link-hover-border-color": {
      "name": "$tabs-toggle-link-hover-border-color",
      "value": "$border-hover",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 71%)"
    },
    "$tabs-toggle-link-radius": {
      "name": "$tabs-toggle-link-radius",
      "value": "$radius",
      "type": "variable",
      "computed_type": "size",
      "computed_value": "4px"
    },
    "$tabs-toggle-link-active-background-color": {
      "name": "$tabs-toggle-link-active-background-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$tabs-toggle-link-active-border-color": {
      "name": "$tabs-toggle-link-active-border-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$tabs-toggle-link-active-color": {
      "name": "$tabs-toggle-link-active-color",
      "value": "$link-invert",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "#fff"
    }
  },
  "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"
}