diff options
| author | Mark Otto <[email protected]> | 2013-07-08 06:56:57 -0700 |
|---|---|---|
| committer | Mark Otto <[email protected]> | 2013-07-08 06:56:57 -0700 |
| commit | f69afc1b238fe41996a6d6a9f2eb53ea092bcbf0 (patch) | |
| tree | 0ee3b78331e173655d5decafb59fa7ed5d892b7a | |
| parent | b2b09f679a712b236c06b1b0e424613bc0daf3ab (diff) | |
| parent | 7e154740f3c9a06cfdd406672ba0ba143cd50b4d (diff) | |
| download | bootstrap-f69afc1b238fe41996a6d6a9f2eb53ea092bcbf0.tar.xz bootstrap-f69afc1b238fe41996a6d6a9f2eb53ea092bcbf0.zip | |
Merge pull request #8414 from cvrebert/dropdowns-LESS-nesting
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 |