consul/ui-v2/app/styles/components/more-popover-menu.scss

25 lines
561 B
SCSS

.more-popover-menu {
@extend %more-popover-menu;
}
%more-popover-menu {
@extend %with-popover-menu;
}
%more-popover-menu > [type='checkbox'] + label {
@extend %more-popover-menu-trigger;
}
/* This gives the trigger a slightly larger invisible hit area */
%more-popover-menu-trigger {
padding: 7px;
display: block;
}
%more-popover-menu-trigger > * {
font-size: 0;
background-color: $transparent;
padding: 0;
}
%more-popover-menu-trigger > *::after {
@extend %with-more-horizontal-mask, %as-pseudo;
background-color: $gray-900;
margin: 0;
}