bulma/docs/_data/variables/components/dropdown.json
2021-06-18 18:37:01 +01:00

117 lines
3.4 KiB
JSON

{
"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(229, 53%, 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": "$shadow",
"type": "variable",
"computed_type": "shadow",
"computed_value": "0 0.5em 1em -0.125em rgba($scheme-invert, 0.1), 0 0px 0 1px rgba($scheme-invert, 0.02)"
},
"$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(229, 53%, 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"
}