{
  "dir_name": "components",
  "file_name": "dropdown",
  "file_relative_path": "components/dropdown.sass",
  "file_line_from": 1,
  "file_line_to": 14,
  "file_url": "https://github.com/jgthms/bulma/blob/master/sass/components/dropdown.sass#L1,L14",
  "vars": {
    "dropdown-content-background-color": {
      "id": "dropdown-content-background-color",
      "name": "$dropdown-content-background-color",
      "value": "$white"
    },
    "dropdown-content-arrow": {
      "id": "dropdown-content-arrow",
      "name": "$dropdown-content-arrow",
      "value": "$link"
    },
    "dropdown-content-offset": {
      "id": "dropdown-content-offset",
      "name": "$dropdown-content-offset",
      "value": "4px"
    },
    "dropdown-content-radius": {
      "id": "dropdown-content-radius",
      "name": "$dropdown-content-radius",
      "value": "$radius"
    },
    "dropdown-content-shadow": {
      "id": "dropdown-content-shadow",
      "name": "$dropdown-content-shadow",
      "value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)"
    },
    "dropdown-content-z": {
      "id": "dropdown-content-z",
      "name": "$dropdown-content-z",
      "value": "20"
    },
    "dropdown-item-color": {
      "id": "dropdown-item-color",
      "name": "$dropdown-item-color",
      "value": "$grey-dark"
    },
    "dropdown-item-hover-color": {
      "id": "dropdown-item-hover-color",
      "name": "$dropdown-item-hover-color",
      "value": "$black"
    },
    "dropdown-item-hover-background-color": {
      "id": "dropdown-item-hover-background-color",
      "name": "$dropdown-item-hover-background-color",
      "value": "$background"
    },
    "dropdown-item-active-color": {
      "id": "dropdown-item-active-color",
      "name": "$dropdown-item-active-color",
      "value": "$link-invert"
    },
    "dropdown-item-active-background-color": {
      "id": "dropdown-item-active-background-color",
      "name": "$dropdown-item-active-background-color",
      "value": "$link"
    },
    "dropdown-divider-background-color": {
      "id": "dropdown-divider-background-color",
      "name": "$dropdown-divider-background-color",
      "value": "$border"
    }
  }
}