mirror of
https://github.com/danbulant/dribbblish-dynamic-theme
synced 2026-05-25 21:11:58 +00:00
41 lines
1.1 KiB
SCSS
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;
|
|
}
|
|
}
|
|
}
|
|
}
|