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

41 lines
1.1 KiB
SCSS

.main-contextMenu-menu {
$border-color: spiceColor("subtext", 0.1, 0.1);
background-color: transparent !important;
border: 1px solid $border-color;
border-radius: var(--main-corner-radius);
padding: 8px;
&::before {
z-index: -1;
content: "";
position: absolute;
inset: 0px;
background-color: spiceColor("main", 0.75, -0.1) !important;
backdrop-filter: blur(10px);
border-radius: var(--main-corner-radius);
box-shadow: 0px 0px 8px spiceColor("subtext", 0.1, 0.1);
@include spiceShadow();
}
.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", 0.1, 0.3);
}
&::before,
&::after {
left: 8px;
right: 8px;
border-color: $border-color;
}
}
}
}