Commit a45314e7 authored by Pat Kira's avatar Pat Kira Committed by Kristina Hoeppner

Bug 1674518: Updated "Default theme" navigation styles

- Added missing header bottom border (Default theme)
- Edited navbar colours and toggles (Default theme)
- Updated navbar-toggle colors and styles (Default theme)
- Updated main-nav.scss so any colour values set in 
  bootstrap-variables.scss is sane, the goal is to minimise having to 
  manually override navigation styles (Raw theme)

behatnotneeded: styling only

Change-Id: Idc82697d453be4a6dc1ad9169a1d36c17dab1b90
parent d9e94b9b
.header {
&:after {
content: "";
display: block;
width: 100%;
height: 5px;
background-image: url(../images/header-bkgd.png);
}
.logo-area {
.logo {
@media (max-width: $screen-xs-min - 1) {
......
......@@ -387,7 +387,7 @@ $navbar-collapse-max-height: 340px;
$navbar-default-color: #777;
$navbar-default-bg: #FFFFFF;
$navbar-default-border: transparent;
$navbar-default-border: #e5e5e5;
// Navbar links
$navbar-default-link-color: $theme-primary-color;
......@@ -404,7 +404,7 @@ $navbar-default-brand-hover-color: darken($navbar-default-brand-color, 1
$navbar-default-brand-hover-bg: transparent;
// Navbar toggle
$navbar-default-toggle-hover-bg: #ddd;
$navbar-default-toggle-hover-bg: $link-hover-color;
$navbar-default-toggle-icon-bar-bg: #ffffff;
$navbar-default-toggle-border-color: $link-color;
......@@ -412,7 +412,7 @@ $navbar-default-toggle-border-color: $link-color;
// Inverted navbar
// Reset inverted navbar basics
$navbar-inverse-color: $link-color;
$navbar-inverse-bg: #fff;
$navbar-inverse-bg: lighten($theme-primary-color, 50%);
$navbar-inverse-border: darken($navbar-inverse-bg, 5%);
// Inverted navbar links
......@@ -431,7 +431,7 @@ $navbar-inverse-brand-hover-bg: transparent;
// Inverted navbar toggle
$navbar-inverse-toggle-hover-bg: #fff;
$navbar-inverse-toggle-icon-bar-bg: #676767;
$navbar-inverse-toggle-icon-bar-bg: #fff;
$navbar-inverse-toggle-border-color: #fff;
......
......@@ -118,7 +118,8 @@
color: $navbar-inverse-link-active-color;
&:hover,
&:focus {
color: $text-color;
background-color: $navbar-inverse-link-hover-bg;
color: $navbar-inverse-link-hover-color;
}
}
}
......
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