root
40 lines
899 B
CSS
40 lines
899 B
CSS
.root {
|
|
position: relative;
|
|
display: inline-block;
|
|
}
|
|
.menu {
|
|
position: absolute;
|
|
z-index: var(--layer-overlay);
|
|
inset-block-start: calc(100% + var(--space-2));
|
|
inset-inline-end: 0;
|
|
display: grid;
|
|
min-inline-size: 13rem;
|
|
padding: var(--space-2);
|
|
border: 1px solid var(--border-standard);
|
|
border-radius: var(--radius-sm);
|
|
background: var(--surface-elevated);
|
|
box-shadow: var(--shadow-overlay);
|
|
}
|
|
.item {
|
|
min-block-size: 2.75rem;
|
|
padding-block: var(--space-2);
|
|
padding-inline: var(--space-3);
|
|
border: 0;
|
|
border-radius: calc(var(--radius-sm) - 2px);
|
|
background: transparent;
|
|
color: var(--text-primary);
|
|
cursor: pointer;
|
|
text-align: start;
|
|
}
|
|
.item:hover:not(:disabled),
|
|
.item:focus-visible {
|
|
background: var(--surface-muted);
|
|
}
|
|
.item:disabled {
|
|
cursor: not-allowed;
|
|
opacity: var(--opacity-disabled);
|
|
}
|
|
.destructive {
|
|
color: var(--status-error-text);
|
|
}
|