Permalink
Browse files

lightens up active navbar styles just a bit, also uses rgba opacity i…

…nstead
  • Loading branch information...
1 parent 467235c commit 1ab8c9bcfbf5abc7401c1b67b0700fd58790f7ea @jonschlinkert jonschlinkert committed Mar 2, 2014
Showing with 16 additions and 14 deletions.
  1. +16 −14 styles/components/main-nav.less
@@ -7,9 +7,8 @@
.docs-nav {
text-shadow: 0 -1px 0 rgba(0,0,0,.15);
background-color: @navbar-inverse-bg;
- border-color: @navbar-inverse-border;
- box-shadow: 0 1px 0 rgba(255,255,255,.1);
-
+ border-color: rgba(0,0,0,.2);
+ box-shadow: 0 1px 0 rgba(255,255,255,.07);
.navbar-collapse {
border-color: @navbar-inverse-border;
@@ -30,21 +29,24 @@
.navbar-nav > li > a {
color: @navbar-inverse-link-color;
+ &:hover {
+ color: #fff;
+ }
}
- .navbar-nav > li > a:hover {
- color: #fff;
- }
- .navbar-nav > .active > a,
- .navbar-nav > .active > a:hover {
- color: #fff;
- background-color: @navbar-inverse-border;
+
+ .navbar-nav > .active > a {
+ &, &:hover {
+ color: #fff;
+ background-color: rgba(0,0,0,.2);
+ }
}
+
.navbar-toggle {
border-color: @navbar-inverse-bg;
- }
- .navbar-toggle:hover {
- background-color: @navbar-inverse-border;
- border-color: @navbar-inverse-border;
+ &:hover {
+ background-color: @navbar-inverse-border;
+ border-color: @navbar-inverse-border;
+ }
}
}

0 comments on commit 1ab8c9b

Please sign in to comment.