0
0
mirror of https://github.com/wagtail/wagtail.git synced 2024-11-29 01:22:07 +01:00
wagtail/client/scss/components/_dropdown.scss
sag​e 56b14e8f97
Use dropdown buttons on listings in dashboard panels (#11083)
Co-authored-by: Thibaud Colas <thibaudcolas@gmail.com>
2023-10-19 07:12:39 +01:00

32 lines
774 B
SCSS

.w-dropdown__toggle {
@apply w-px-2 w-text-text-label w-bg-transparent;
}
.w-dropdown__toggle--icon {
@apply w-w-8 w-h-8;
}
.w-dropdown__toggle-icon {
@apply w-w-4 w-h-4 w-align-text-bottom w-transition motion-reduce:w-transition-none;
}
.w-dropdown__content {
@apply w-flex w-flex-col w-justify-start w-py-2;
}
.w-dropdown__content :where(a, button) {
@apply w-bg-transparent w-inline-flex w-items-center w-text-left w-font-bold w-text-text-label-menus-default w-py-3 w-px-6 w-no-underline w-transition w-outline-offset-inside w-w-full;
.icon {
@apply w-w-4 w-h-4 w-mr-3 w-transition w-opacity-50 w-shrink-0;
}
&:hover {
@apply w-text-text-label-menus-active w-bg-surface-menu-item-active;
.icon {
@apply w-opacity-100;
}
}
}