scinote-web/app/assets/stylesheets/shared/dropdown_menu.scss

32 lines
481 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);
}
}