// Dropdown pro // Dropdowns menu's colors .dropdown, .dropup, .dropleft, .dropright {
.dropdown-menu { padding: $dropdown-menu-padding; @each $name, $color in $dropdown-colors { &.dropdown-#{$name} { .dropdown-item { &:hover, &:active, &.active { background-color: $color !important; box-shadow: $z-depth-1-half; border-radius: $border-radius-base; &.disabled { background-color: transparent; box-shadow: none; } } } } } .dropdown-item { padding: $dropdown-menu-padding; margin-left: 0; font-size: $dropdown-item-font-size; &.disabled { color: $dropdown-item-disabled-color; &:hover, &:active, &:focus { box-shadow: none; color: $dropdown-item-disabled-color !important; background-color: transparent !important; } } &:hover, &:active { box-shadow: $z-depth-1-half; @extend .white-text; background-color: $primary-color; border-radius: $border-radius-base; transition: $dropdown-item-transition; } } }
}
.navbar-nav {
.dropdown-menu-right { right: 0; left: auto; }
}
.dropdown-menu {
&.animated { /* Speed up animations */ animation-duration: $dropdown-menu-animated-animation-duration; animation-timing-function: $dropdown-menu-animated-animation-timing-function; }
}