kotovalexarian-likes-github
/
twbs--bootstrap
mirror of https://github.com/twbs/bootstrap.git
1
0
Fork 0
Code Releases Activity

use LESS nesting more in dropdowns.less

This commit is contained in:
Chris Rebert 2013-07-06 22:27:56 -07:00 committed by Chris Rebert
parent 084291aac7
commit 7e154740f3
1 changed files with 31 additions and 23 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

54
less/dropdowns.less
View File

@ -62,40 +62,48 @@
// Hover/Focus state // Hover/Focus state
// ----------- // -----------
.dropdown-menu > li > a:hover, .dropdown-menu > li > a {
.dropdown-menu > li > a:focus { &:hover,
text-decoration: none; &:focus {
color: @dropdown-link-hover-color; text-decoration: none;
#gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); color: @dropdown-link-hover-color;
#gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%));
}
} }
// Active state // Active state
// ------------ // ------------
.dropdown-menu > .active > a, .dropdown-menu > .active > a {
.dropdown-menu > .active > a:hover, &,
.dropdown-menu > .active > a:focus { &:hover,
color: @dropdown-link-active-color; &:focus {
text-decoration: none; color: @dropdown-link-active-color;
outline: 0; text-decoration: none;
#gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); outline: 0;
#gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%));
}
} }
// Disabled state // Disabled state
// -------------- // --------------
// Gray out text and ensure the hover/focus state remains gray // Gray out text and ensure the hover/focus state remains gray
.dropdown-menu > .disabled > a, .dropdown-menu > .disabled > a {
.dropdown-menu > .disabled > a:hover, &,
.dropdown-menu > .disabled > a:focus { &:hover,
color: @gray-light; &:focus {
color: @gray-light;
}
} }
// Nuke hover/focus effects // Nuke hover/focus effects
.dropdown-menu > .disabled > a:hover, .dropdown-menu > .disabled > a {
.dropdown-menu > .disabled > a:focus { &:hover,
text-decoration: none; &:focus {
background-color: transparent; text-decoration: none;
background-image: none; // Remove CSS gradient background-color: transparent;
.reset-filter(); background-image: none; // Remove CSS gradient
cursor: default; .reset-filter();
cursor: default;
}
} }
// Open state for the dropdown // Open state for the dropdown