open-consul/ui/packages/consul-ui/app/components/menu-panel/skin.scss

33 lines
808 B
SCSS

%menu-panel-button-selected::after {
@extend %with-check-plain-mask, %as-pseudo;
}
%menu-panel-header {
@extend %p2;
}
%menu-panel-header + ul {
border-top: var(--decor-border-100);
border-color: var(--token-form--base-border-color-default);
}
/* if the first item is a separator and it */
/* contains text don't add a line */
%menu-panel-separator:first-child:not(:empty) {
border: none;
}
%menu-panel-separator {
@extend %p3;
text-transform: uppercase;
font-weight: var(--typo-weight-medium);
color: var(--token-color-foreground-faint);
}
%menu-panel-item {
list-style-type: none;
}
%menu-panel-badge {
@extend %pill;
color: var(--token-color-surface-primary);
background-color: var(--token-color-foreground-faint);
}
%menu-panel-body .informed-action {
border: 0 !important;
}