Commit 8d0b8bd3 authored by Thomas Park's avatar Thomas Park

slate: hover bg color for inverse navbar, closes #544

parent 7820b744
......@@ -8,7 +8,7 @@
}
@mixin btn-shadow-inverse($color){
@include gradient-vertical-three-colors(darken($color, 24%), darken($color, 18%), 40%, darken($color, 14%));
@include gradient-vertical-three-colors(darken($color, 24%), darken($color, 18%), 40%, darken($color, 16%));
filter: none;
}
......@@ -20,21 +20,28 @@
border: 1px solid rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
.navbar-nav > li > a {
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.1);
&:hover {
@include btn-shadow-inverse($navbar-default-bg);
border-left-color: transparent;
}
}
&-inverse {
@include btn-shadow($navbar-inverse-bg);
.badge {
background-color: $navbar-inverse-link-active-bg;
}
}
&-nav > li > a {
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.1);
.navbar-nav > li > a {
&:hover {
@include btn-shadow-inverse($navbar-default-bg);
border-left-color: transparent;
&:hover {
@include btn-shadow-inverse($navbar-inverse-bg);
}
}
}
......
This diff is collapsed.
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -8,7 +8,7 @@
}
.btn-shadow-inverse(@color) {
#gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 14%));
#gradient > .vertical-three-colors(darken(@color, 24%), darken(@color, 18%), 40%, darken(@color, 16%));
filter: none;
}
......@@ -20,21 +20,28 @@
border: 1px solid rgba(0, 0, 0, 0.6);
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
.navbar-nav > li > a {
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.1);
&:hover {
.btn-shadow-inverse(@navbar-default-bg);
border-left-color: transparent;
}
}
&-inverse {
.btn-shadow(@navbar-inverse-bg);
.badge {
background-color: @navbar-inverse-link-active-bg;
}
}
&-nav > li > a {
border-right: 1px solid rgba(0, 0, 0, 0.2);
border-left: 1px solid rgba(255, 255, 255, 0.1);
.navbar-nav > li > a {
&:hover {
.btn-shadow-inverse(@navbar-default-bg);
border-left-color: transparent;
&:hover {
.btn-shadow-inverse(@navbar-inverse-bg);
}
}
}
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment