46 lines
818 B
SCSS
46 lines
818 B
SCSS
:global(.MenuItem).item {
|
|
margin-bottom: 0;
|
|
font-size: 0.8125rem;
|
|
cursor: var(--custom-cursor, default);
|
|
pointer-events: none;
|
|
--color-skeleton-background: #2121211a;
|
|
&:hover,
|
|
&:focus,
|
|
&:active {
|
|
background: none;
|
|
}
|
|
|
|
:global(.icon) {
|
|
margin-inline-end: 0.25rem;
|
|
}
|
|
}
|
|
|
|
.get {
|
|
cursor: var(--custom-cursor, pointer);
|
|
font-size: 0.6875rem;
|
|
margin-inline-start: 0.375rem;
|
|
border-radius: 1rem;
|
|
padding: 0.1875rem 0.375rem;
|
|
pointer-events: all;
|
|
font-weight: 500;
|
|
transition: 150ms filter ease-in;
|
|
background: var(--color-background-menu-separator);
|
|
filter: opacity(0.8);
|
|
|
|
&:hover {
|
|
filter: brightness(1.1);
|
|
}
|
|
}
|
|
|
|
.skeleton {
|
|
height: 0.5rem;
|
|
width: calc(100% - 2rem);
|
|
margin: 0.5rem 0;
|
|
border-radius: 0.25rem;
|
|
}
|
|
|
|
.transition {
|
|
height: 1.5rem;
|
|
width: auto;
|
|
}
|