Files
WebStackPage.github.io/assets/less/xenon-less/dropdowns.less
2017-12-20 13:23:22 +08:00

45 lines
1.3 KiB
Plaintext

.dropdown-menu {
&.no-spacing {
margin-top: -10px;
}
&.dropdown-primary { .xenon-dropdown-style(@brand-primary; #FFF; lighten(@brand-primary, 10%)); }
&.dropdown-secondary { .xenon-dropdown-style(@secondary-color; #FFF; darken(@secondary-color, 5%)); }
&.dropdown-info { .xenon-dropdown-style(@brand-info; #FFF; darken(@brand-info, 8%)); }
&.dropdown-success { .xenon-dropdown-style(@brand-success; #FFF; darken(@brand-success, 5%)); }
&.dropdown-warning { .xenon-dropdown-style(@brand-warning; #FFF; darken(@brand-warning, 5%)); }
&.dropdown-danger { .xenon-dropdown-style(@brand-danger; #FFF; darken(@brand-danger, 8%)); }
&.dropdown-red { .xenon-dropdown-style(@xe-red; #FFF; darken(@xe-red, 5%)); }
&.dropdown-purple { .xenon-dropdown-style(@xe-purple; #FFF; darken(@xe-purple, 8%)); }
&.dropdown-blue { .xenon-dropdown-style(@xe-blue; #FFF; darken(@xe-blue, 8%)); }
&.dropdown-black { .xenon-dropdown-style(@xe-black; #FFF; lighten(@xe-black, 8%)); }
&.dropdown-white {
&.no-spacing {
margin-top: -11px;
}
}
}
.xenon-dropdown-style(@bg; @txt: #FFF; @border: darken(@bg, 10%))
{
background: @bg;
border-color: @bg;
.divider {
.nav-divider(@border);
}
> li {
> a {
color: @txt;
&:hover {
background-color: @border;
}
}
}
}