mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-09-20 16:42:58 +00:00
Gazook89
5d67d48436
Adds registered custom properties to the dropdown menus, which can be set in another stylesheet at any level (either on the direct element or on an ancestor) or use the default values given.
32 lines
854 B
Plaintext
32 lines
854 B
Plaintext
@property --menuColor {
|
|
syntax: '<color>';
|
|
inherits: true;
|
|
initial-value: #DDD;
|
|
}
|
|
|
|
@property --activeTriggerColor {
|
|
syntax: '<color>';
|
|
inherits: true;
|
|
}
|
|
|
|
:root{
|
|
--activeTriggerColor : var(--activeTriggerColor);
|
|
}
|
|
.menu-list {
|
|
contain : content;
|
|
position : fixed;
|
|
top : anchor(bottom);
|
|
left : anchor(left);
|
|
position-try: flip-inline flip-block;
|
|
color: inherit; // [popover] gets a `canvastext` color value from useragent.
|
|
background: var(--menuColor);
|
|
li > .menu-list {
|
|
margin: 0 0px;
|
|
top : anchor(top);
|
|
left : anchor(right);
|
|
position-try: flip-inline;
|
|
}
|
|
}
|
|
.menu-wrapper:has(:popover-open) > button { // if menu is open...
|
|
background-color: var(--activeTriggerColor, hsl(from var(--menuColor) h s calc(l * .85))); // tint menu triggers based on menu color
|
|
} |