{
  "by_name": {
    "$dropdown-menu-min-width": {
      "name": "$dropdown-menu-min-width",
      "value": "12rem",
      "type": "size"
    },
    "$dropdown-content-background-color": {
      "name": "$dropdown-content-background-color",
      "value": "$scheme-main",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 100%)"
    },
    "$dropdown-content-arrow": {
      "name": "$dropdown-content-arrow",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$dropdown-content-offset": {
      "name": "$dropdown-content-offset",
      "value": "4px",
      "type": "size"
    },
    "$dropdown-content-padding-bottom": {
      "name": "$dropdown-content-padding-bottom",
      "value": "0.5rem",
      "type": "size"
    },
    "$dropdown-content-padding-top": {
      "name": "$dropdown-content-padding-top",
      "value": "0.5rem",
      "type": "size"
    },
    "$dropdown-content-radius": {
      "name": "$dropdown-content-radius",
      "value": "$radius",
      "type": "variable",
      "computed_type": "size",
      "computed_value": "4px"
    },
    "$dropdown-content-shadow": {
      "name": "$dropdown-content-shadow",
      "value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)",
      "type": "size"
    },
    "$dropdown-content-z": {
      "name": "$dropdown-content-z",
      "value": "20",
      "type": "string"
    },
    "$dropdown-item-color": {
      "name": "$dropdown-item-color",
      "value": "$text",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 29%)"
    },
    "$dropdown-item-hover-color": {
      "name": "$dropdown-item-hover-color",
      "value": "$scheme-invert",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 4%)"
    },
    "$dropdown-item-hover-background-color": {
      "name": "$dropdown-item-hover-background-color",
      "value": "$background",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 96%)"
    },
    "$dropdown-item-active-color": {
      "name": "$dropdown-item-active-color",
      "value": "$link-invert",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "#fff"
    },
    "$dropdown-item-active-background-color": {
      "name": "$dropdown-item-active-background-color",
      "value": "$link",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(217, 71%,  53%)"
    },
    "$dropdown-divider-background-color": {
      "name": "$dropdown-divider-background-color",
      "value": "$border-light",
      "type": "variable",
      "computed_type": "color",
      "computed_value": "hsl(0, 0%, 93%)"
    }
  },
  "list": [
    "$dropdown-menu-min-width",
    "$dropdown-content-background-color",
    "$dropdown-content-arrow",
    "$dropdown-content-offset",
    "$dropdown-content-padding-bottom",
    "$dropdown-content-padding-top",
    "$dropdown-content-radius",
    "$dropdown-content-shadow",
    "$dropdown-content-z",
    "$dropdown-item-color",
    "$dropdown-item-hover-color",
    "$dropdown-item-hover-background-color",
    "$dropdown-item-active-color",
    "$dropdown-item-active-background-color",
    "$dropdown-divider-background-color"
  ],
  "file_path": "components/dropdown.sass"
}