lbry-desktop/ui/scss/component/_menu.scss
btzr-io 3f3372c96a update overall scss structure
make styles more flexible / customizable
2017-08-18 22:33:01 -06:00

26 lines
479 B
SCSS

@import "../global";
$border-radius-menu: 2px;
.menu-container {
display: inline-block;
}
.menu {
position: absolute;
white-space: nowrap;
background-color: var(--menu-bg);
box-shadow: var(--box-shadow-layer);
border-radius: var(--menu-radius);
padding-top: ($spacing-vertical / 5) 0px;
z-index: 1;
}
.menu__menu-item {
display: block;
padding: ($spacing-vertical / 4) ($spacing-vertical / 2);
&:hover {
background: var(--menu-item-hover-bg);
}
}