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

{
  "by_name": {
    "$panel-margin": {
      "name": "$panel-margin",
      "value": "$block-spacing",
      "type": "variable",
      "computed_type": "size",
      "computed_value": "1.5rem"
    },
    "$panel-item-border": {
      "name": "$panel-item-border",
      "value": "1px solid $border-light",
      "type": "size"
    },
    "$panel-radius": {
      "name": "$panel-radius",
      "value": "$radius-large",
      "type": "variable",
      "computed_type": "size",
      "computed_value": "6px"
    },
    "$panel-shadow": {
      "name": "$panel-shadow",
      "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
      "type": "size"
    },
    "$panel-heading-background-color": {
      "name": "$panel-heading-background-color",
      "value": "$background",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 96%)"
    },
    "$panel-heading-color": {
      "name": "$panel-heading-color",
      "value": "$text-strong",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 21%)"
    },
    "$panel-heading-line-height": {
      "name": "$panel-heading-line-height",
      "value": "1.25",
      "type": "unitless"
    },
    "$panel-heading-padding": {
      "name": "$panel-heading-padding",
      "value": "0.75em 1em",
      "type": "size"
    },
    "$panel-heading-radius": {
      "name": "$panel-heading-radius",
      "value": "$radius",
      "type": "variable",
      "computed_type": "size",
      "computed_value": "4px"
    },
    "$panel-heading-size": {
      "name": "$panel-heading-size",
      "value": "1.25em",
      "type": "size"
    },
    "$panel-heading-weight": {
      "name": "$panel-heading-weight",
      "value": "$weight-bold",
      "type": "variable",
      "computed_type": "font-weight",
      "computed_value": "700"
    },
    "$panel-tabs-font-size": {
      "name": "$panel-tabs-font-size",
      "value": "0.875em",
      "type": "size"
    },
    "$panel-tab-border-bottom": {
      "name": "$panel-tab-border-bottom",
      "value": "1px solid $border",
      "type": "size"
    },
    "$panel-tab-active-border-bottom-color": {
      "name": "$panel-tab-active-border-bottom-color",
      "value": "$link-active-border",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 29%)"
    },
    "$panel-tab-active-color": {
      "name": "$panel-tab-active-color",
      "value": "$link-active",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 21%)"
    },
    "$panel-list-item-color": {
      "name": "$panel-list-item-color",
      "value": "$text",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 29%)"
    },
    "$panel-list-item-hover-color": {
      "name": "$panel-list-item-hover-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$panel-block-color": {
      "name": "$panel-block-color",
      "value": "$text-strong",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 21%)"
    },
    "$panel-block-hover-background-color": {
      "name": "$panel-block-hover-background-color",
      "value": "$background",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 96%)"
    },
    "$panel-block-active-border-left-color": {
      "name": "$panel-block-active-border-left-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$panel-block-active-color": {
      "name": "$panel-block-active-color",
      "value": "$link-active",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 21%)"
    },
    "$panel-block-active-icon-color": {
      "name": "$panel-block-active-icon-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$panel-icon-color": {
      "name": "$panel-icon-color",
      "value": "$text-light",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 48%)"
    }
  },
  "list": [
    "$panel-margin",
    "$panel-item-border",
    "$panel-radius",
    "$panel-shadow",
    "$panel-heading-background-color",
    "$panel-heading-color",
    "$panel-heading-line-height",
    "$panel-heading-padding",
    "$panel-heading-radius",
    "$panel-heading-size",
    "$panel-heading-weight",
    "$panel-tabs-font-size",
    "$panel-tab-border-bottom",
    "$panel-tab-active-border-bottom-color",
    "$panel-tab-active-color",
    "$panel-list-item-color",
    "$panel-list-item-hover-color",
    "$panel-block-color",
    "$panel-block-hover-background-color",
    "$panel-block-active-border-left-color",
    "$panel-block-active-color",
    "$panel-block-active-icon-color",
    "$panel-icon-color"
  ],
  "file_path": "components/panel.sass"
}