diff options
| author | Chris Rebert <[email protected]> | 2013-07-06 22:27:56 -0700 |
|---|---|---|
| committer | Chris Rebert <[email protected]> | 2013-07-07 19:54:07 -0700 |
| commit | 7e154740f3c9a06cfdd406672ba0ba143cd50b4d (patch) | |
| tree | cbbb6dd9fb5393490bdcf28e24dfb346d740bafd | |
| parent | 084291aac7e8873ce975a4b547a9de6ac4630473 (diff) | |
| download | bootstrap-7e154740f3c9a06cfdd406672ba0ba143cd50b4d.tar.xz bootstrap-7e154740f3c9a06cfdd406672ba0ba143cd50b4d.zip | |
use LESS nesting more in dropdowns.less
| -rw-r--r-- | less/dropdowns.less | 54 |
1 files changed, 31 insertions, 23 deletions
diff --git a/less/dropdowns.less b/less/dropdowns.less index 0a412f9c3..8ae9dbba1 100644 --- a/less/dropdowns.less +++ b/less/dropdowns.less @@ -62,40 +62,48 @@ // Hover/Focus state // ----------- -.dropdown-menu > li > a:hover, -.dropdown-menu > li > a:focus { - text-decoration: none; - color: @dropdown-link-hover-color; - #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); +.dropdown-menu > li > a { + &:hover, + &:focus { + text-decoration: none; + color: @dropdown-link-hover-color; + #gradient > .vertical(@start-color: @dropdown-link-hover-bg; @end-color: darken(@dropdown-link-hover-bg, 5%)); + } } // Active state // ------------ -.dropdown-menu > .active > a, -.dropdown-menu > .active > a:hover, -.dropdown-menu > .active > a:focus { - color: @dropdown-link-active-color; - text-decoration: none; - outline: 0; - #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); +.dropdown-menu > .active > a { + &, + &:hover, + &:focus { + color: @dropdown-link-active-color; + text-decoration: none; + outline: 0; + #gradient > .vertical(@start-color: @dropdown-link-active-bg; @end-color: darken(@dropdown-link-active-bg, 5%)); + } } // Disabled state // -------------- // Gray out text and ensure the hover/focus state remains gray -.dropdown-menu > .disabled > a, -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - color: @gray-light; +.dropdown-menu > .disabled > a { + &, + &:hover, + &:focus { + color: @gray-light; + } } // Nuke hover/focus effects -.dropdown-menu > .disabled > a:hover, -.dropdown-menu > .disabled > a:focus { - text-decoration: none; - background-color: transparent; - background-image: none; // Remove CSS gradient - .reset-filter(); - cursor: default; +.dropdown-menu > .disabled > a { + &:hover, + &:focus { + text-decoration: none; + background-color: transparent; + background-image: none; // Remove CSS gradient + .reset-filter(); + cursor: default; + } } // Open state for the dropdown |