Files
homebrewery/client/components/dropdown/dropdown.less
T

22 lines
683 B
Plaintext

:root{
--menuColor : var(--menu-color, #DDD);
}
.menu-list {
contain : content;
position : fixed;
z-index : 1000;
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: hsl(from var(--menuColor) h s calc(l * .85)); // tint menu triggers based on menu color
}