Commit 01d66fdd authored by Thomas Park's avatar Thomas Park
Browse files

shamrock: fix responsive navbar and subnav

parent 9c394d33
......@@ -6188,6 +6188,33 @@ blockquote small {
line-height: normal;
}
@media (max-width: 979px) {
.navbar .nav-collapse .nav > li > a,
.navbar.navbar-inverse .nav-collapse .nav > li > a,
.navbar .nav-collapse .dropdown-menu a,
.navbar.navbar-inverse .nav-collapse .dropdown-menu a {
color: #ffffff;
}
.navbar .nav-collapse .nav > li > a:hover,
.navbar.navbar-inverse .nav-collapse .nav > li > a:hover,
.navbar .nav-collapse .nav > li > a:focus,
.navbar.navbar-inverse .nav-collapse .nav > li > a:focus,
.navbar .nav-collapse .dropdown-menu a:hover,
.navbar.navbar-inverse .nav-collapse .dropdown-menu a:hover,
.navbar .nav-collapse .dropdown-menu a:focus,
.navbar.navbar-inverse .nav-collapse .dropdown-menu a:focus {
color: #f8e33c;
background-color: rgba(0, 0, 0, 0.1);
}
.navbar .nav-collapse .navbar-form,
.navbar.navbar-inverse .nav-collapse .navbar-form,
.navbar .nav-collapse .navbar-search,
.navbar.navbar-inverse .nav-collapse .navbar-search {
border-top-color: #76a547;
border-bottom-color: #76a547;
}
}
div.subnav {
background-color: #76a547;
background-image: none;
......@@ -6221,6 +6248,15 @@ div.subnav-fixed {
box-shadow: none;
}
@media (max-width: 767px) {
div.subnav .nav > li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
div.subnav .nav > li + li > a {
border-top: 1px solid #aecd5a;
}
}
.nav > .active > a,
.nav > .active > a:hover,
.nav > .active > a:focus {
......
This source diff could not be displayed because it is too large. You can view the blob instead.
......@@ -52,6 +52,36 @@ blockquote {
}
}
@media (max-width: 979px) {
.navbar,
.navbar.navbar-inverse {
.nav-collapse {
.nav > li > a,
.dropdown-menu a {
color: @navbarLinkColor;
}
.nav > li > a:hover,
.nav > li > a:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus {
background-color: rgba(0, 0, 0, 0.1);
color: @navbarLinkColorHover;
}
.navbar-form,
.navbar-search {
border-top-color: @grayLight;
border-bottom-color: @grayLight;
}
}
}
}
div.subnav {
background-image: none;
......@@ -80,9 +110,20 @@ div.subnav {
top: @navbarHeight + 1;
.box-shadow(none);
}
}
@media (max-width: 767px) {
div.subnav {
.nav > li > a:hover {
background-color: rgba(0, 0, 0, 0.1);
}
.nav > li + li > a {
border-top: 1px solid @grayLighter;
}
}
}
// NAV
......
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