2017-10-17 09:28:59 +00:00
|
|
|
{
|
2018-06-16 19:47:52 +00:00
|
|
|
"by_name": {
|
|
|
|
"$dropdown-content-background-color": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-content-background-color",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$white",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "hsl(0, 0%, 100%)"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-content-arrow": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-content-arrow",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$link",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "hsl(217, 71%, 53%)"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-content-offset": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-content-offset",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "4px",
|
|
|
|
"type": "size"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-content-radius": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-content-radius",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$radius",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "size",
|
|
|
|
"computed_value": "4px"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-content-shadow": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-content-shadow",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "0 2px 3px rgba($black, 0.1), 0 0 0 1px rgba($black, 0.1)",
|
2018-06-17 00:05:48 +00:00
|
|
|
"type": "size"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-content-z": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-content-z",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "20",
|
|
|
|
"type": "string"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-item-color": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-item-color",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$grey-dark",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "hsl(0, 0%, 29%)"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-item-hover-color": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-item-hover-color",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$black",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "hsl(0, 0%, 4%)"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-item-hover-background-color": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-item-hover-background-color",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$background",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "hsl(0, 0%, 96%)"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-item-active-color": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-item-active-color",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$link-invert",
|
|
|
|
"type": "variable",
|
2018-06-17 00:05:48 +00:00
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "#fff"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-item-active-background-color": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-item-active-background-color",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$link",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "hsl(217, 71%, 53%)"
|
2017-10-17 09:28:59 +00:00
|
|
|
},
|
2018-06-16 19:47:52 +00:00
|
|
|
"$dropdown-divider-background-color": {
|
2017-10-17 09:28:59 +00:00
|
|
|
"name": "$dropdown-divider-background-color",
|
2018-06-16 19:47:52 +00:00
|
|
|
"value": "$border",
|
|
|
|
"type": "variable",
|
|
|
|
"computed_type": "color",
|
|
|
|
"computed_value": "hsl(0, 0%, 86%)"
|
2017-10-17 09:28:59 +00:00
|
|
|
}
|
2018-06-16 19:47:52 +00:00
|
|
|
},
|
|
|
|
"list": [
|
|
|
|
"$dropdown-content-background-color",
|
|
|
|
"$dropdown-content-arrow",
|
|
|
|
"$dropdown-content-offset",
|
|
|
|
"$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"
|
2017-10-17 09:28:59 +00:00
|
|
|
}
|