You cannot select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
56 lines
1.2 KiB
SCSS
56 lines
1.2 KiB
SCSS
6 years ago
|
// Dropdown pro
|
||
|
// Dropdowns menu's colors
|
||
|
.dropdown {
|
||
|
.dropdown-menu {
|
||
|
padding: $dropdown-menu-padding;
|
||
|
@each $name, $color in $dropdown-colors {
|
||
|
&.dropdown-#{$name} {
|
||
|
.dropdown-item {
|
||
|
&:hover,
|
||
|
&:active {
|
||
|
background-color: $color !important;
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
}
|
||
|
.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 {
|
||
|
@extend .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;
|
||
|
}
|
||
|
}
|