scinote-web/app/assets/stylesheets/shared/dropdown_menu.scss
2023-06-15 15:12:51 +02:00

44 lines
629 B
SCSS

.dropdown-submenu {
background: $color-white;
box-shadow: $flyout-shadow;
display: none;
left: 100%;
list-style: none;
min-width: 230px;
padding-left: 0;
position: absolute;
top: 0;
}
.dropdown-menu li {
position: relative;
.caret {
position: absolute;
right: 1em;
top: 1.1em;
transform: rotate(90deg);
}
&:hover .dropdown-submenu,
&.active .dropdown-submenu {
display: block;
}
.caret {
transform: rotate(-90deg);
}
}
.dropup {
.dropdown-menu {
.caret {
transform: rotate(90deg);
}
.sn-icon-down {
transform: rotateX(90deg);
}
}
}