diff options
author | Mark Otto <otto@github.com> | 2013-05-13 03:30:54 +0400 |
---|---|---|
committer | Mark Otto <otto@github.com> | 2013-05-13 03:30:54 +0400 |
commit | 41a76e8e7ade28a8ac65b6948bddf1cd702f9579 (patch) | |
tree | 5abc268a5d1aac367e49e084153759c403718de7 /less | |
parent | 09098a7923b287cbf863c8dc1d6f41749dd4829c (diff) |
Less specific dropdown styles, change up navbar dropdown styles
Diffstat (limited to 'less')
-rw-r--r-- | less/navbar.less | 34 | ||||
-rw-r--r-- | less/navs.less | 22 |
2 files changed, 28 insertions, 28 deletions
diff --git a/less/navbar.less b/less/navbar.less index 975f2ebb21..86768962dd 100644 --- a/less/navbar.less +++ b/less/navbar.less @@ -153,26 +153,26 @@ // Dropdown menu items and carets .navbar-nav { // Caret should match text color on hover - li.dropdown > a:hover .caret, - li.dropdown > a:focus .caret { + > .dropdown > a:hover .caret, + > .dropdown > a:focus .caret { border-top-color: @navbar-link-hover-color; border-bottom-color: @navbar-link-hover-color; } // Remove background color from open dropdown - li.dropdown.open > .dropdown-toggle, - li.dropdown.active > .dropdown-toggle, - li.dropdown.open.active > .dropdown-toggle { + > .open > a, + > .open > a:hover, + > .open > a:focus { background-color: @navbar-link-active-bg; color: @navbar-link-active-color; } - li.dropdown > .dropdown-toggle .caret { + > .dropdown > a .caret { border-top-color: @navbar-link-color; border-bottom-color: @navbar-link-color; } - li.dropdown.open > .dropdown-toggle .caret, - li.dropdown.active > .dropdown-toggle .caret, - li.dropdown.open.active > .dropdown-toggle .caret { + > .open > a .caret, + > .open > a:hover .caret, + > .open > a:focus .caret { border-top-color: @navbar-link-active-color; border-bottom-color: @navbar-link-active-color; } @@ -243,23 +243,23 @@ // Dropdowns .navbar-nav { - li.dropdown.open > .dropdown-toggle, - li.dropdown.active > .dropdown-toggle, - li.dropdown.open.active > .dropdown-toggle { + > .open > a, + > .open > a:hover, + > .open > a:focus { background-color: @navbar-inverse-link-active-bg; color: @navbar-inverse-link-active-color; } - li.dropdown > a:hover .caret { + > .dropdown > a:hover .caret { border-top-color: @navbar-inverse-link-hover-color; border-bottom-color: @navbar-inverse-link-hover-color; } - li.dropdown > .dropdown-toggle .caret { + > .dropdown > a .caret { border-top-color: @navbar-inverse-link-color; border-bottom-color: @navbar-inverse-link-color; } - li.dropdown.open > .dropdown-toggle .caret, - li.dropdown.active > .dropdown-toggle .caret, - li.dropdown.open.active > .dropdown-toggle .caret { + > .open > a .caret, + > .open > a:hover .caret, + > .open > a:focus .caret { border-top-color: @navbar-inverse-link-active-color; border-bottom-color: @navbar-inverse-link-active-color; } diff --git a/less/navs.less b/less/navs.less index 66fa341e45..e5925bf637 100644 --- a/less/navs.less +++ b/less/navs.less @@ -44,18 +44,18 @@ + .nav-header { margin-top: 9px; } + } - // Open dropdowns - &.open > a, - &.open > a:hover, - &.open > a:focus { - color: #fff; - background-color: @link-color; - border-color: @link-color; - .caret { - border-top-color: #fff; - border-bottom-color: #fff; - } + // Open dropdowns + &.open > a, + &.open > a:hover, + &.open > a:focus { + color: #fff; + background-color: @link-color; + border-color: @link-color; + .caret { + border-top-color: #fff; + border-bottom-color: #fff; } } |