diff options
Diffstat (limited to 'slate/bootswatch.less')
| -rwxr-xr-x | slate/bootswatch.less | 46 |
1 files changed, 29 insertions, 17 deletions
diff --git a/slate/bootswatch.less b/slate/bootswatch.less index 6dd84fa6..9d7c443c 100755 --- a/slate/bootswatch.less +++ b/slate/bootswatch.less @@ -78,12 +78,33 @@ hr, legend, .page-header { border-bottom: 6px solid @grayDark; } - .nav-collapse.collapse { + &-inverse { + + .navbar-inner { + #gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%)); + } + + .nav li > a { + background-image: none; + background-color: transparent; + } - .nav li > a, - .nav li.active > a, .nav li > a:hover, + .nav li.active > a, .nav li.active > a:hover { + #gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg); + } + } +} + +@media (max-width: @navbarCollapseWidth) { + + .navbar .nav-collapse { + + .nav li > a, + .nav li > a:hover, + .nav .active > a, + .nav .active > a:hover { .box-shadow(none); color: @grayLighter; border: 1px solid transparent; @@ -92,7 +113,7 @@ hr, legend, .page-header { } .nav li > a:hover, - .nav li.active > a:hover { + .nav .active > a:hover { background-color: @grayDarker; } @@ -107,26 +128,17 @@ hr, legend, .page-header { } } - &-inverse { - - .navbar-inner { - #gradient > .vertical-three-colors(darken(@grayDarker, 3%), darken(@grayDarker, 8%), 70%, darken(@grayDarker, 8%)); - } - - .nav li > a { - background-image: none; - background-color: transparent; - } + .navbar-inverse .nav-collapse { .nav li > a:hover, - .nav li.active > a, - .nav li.active > a:hover { - #gradient > .directional(darken(@grayDarker, 3%), @grayDarker, 280deg); + .nav .active > a:hover { + background-color: @grayDarker !important; } } } div.subnav { + #gradient > .vertical-three-colors(@gray, @grayDark, 70%, @grayDark); border: 1px solid transparent; .box-shadow('0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1)'); |