mirror of
https://github.com/naturalcrit/homebrewery.git
synced 2026-11-04 20:29:01 +00:00
35 lines
1.1 KiB
Plaintext
35 lines
1.1 KiB
Plaintext
@property --menuColor {
|
|
syntax : '<color>';
|
|
inherits : true;
|
|
initial-value : #DDDDDD;
|
|
}
|
|
|
|
@property --activeTriggerColor {
|
|
syntax : '<color>';
|
|
inherits : true;
|
|
initial-value : #999999;
|
|
}
|
|
|
|
:root { --activeTriggerColor : var(--activeTriggerColor); }
|
|
.menu-list {
|
|
position : fixed;
|
|
top : anchor(bottom);
|
|
left : anchor(left);
|
|
position-try : flip-inline flip-block;
|
|
contain : content;
|
|
color : inherit; // [popover] gets a `canvastext` color value from useragent.
|
|
background : var(--menuColor);
|
|
li > .menu-list {
|
|
top : anchor(top);
|
|
left : anchor(right);
|
|
margin : 0 0px;
|
|
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 * 0.85))); // tint menu triggers based on menu color
|
|
}
|
|
|
|
.darkMode .menu-wrapper:has(:popover-open) > button { // if menu is open...
|
|
--activeTriggerColor : #444444; // tint menu triggers based on menu color
|
|
} |