dribbblish-dynamic-theme/src/styles/ContextMenu.scss
2021-11-04 21:21:39 +01:00

37 lines
1,002 B
SCSS

.main-contextMenu-menu {
background-color: transparent !important;
overflow: visible;
position: relative;
border-radius: var(--main-corner-radius);
padding: 8px;
&::before {
z-index: -1;
content: "";
position: absolute;
inset: 0px;
background-color: spiceColor("main", calc(0.75 - 0.1 * var(--is_light))) !important;
backdrop-filter: blur(10px);
border-radius: var(--main-corner-radius);
}
.main-contextMenu-menuItem {
.main-contextMenu-menuItemButton {
border-radius: var(--main-corner-radius);
color: spiceColor("subtext") !important;
&:hover,
&:focus,
&:active,
&[aria-expanded="true"] {
background-color: spiceColor("subtext", calc(0.1 + 0.3 * var(--is_light)));
}
&::before,
&::after {
left: 5px;
right: 5px;
}
}
}
}