CSS: Apply new navbar design

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index b007268a1d7ad8c79fc05cedcf6cf8f35e00b257..cf13658fa6ad479d23bc472459beed915f9b7fb7 100644 (file)
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -71,12 +71,16 @@ $display-font-weight:               $headings-font-weight;
 $link-color:                           $primary;
 
 // Navbar
-$navbar-brand-font-size:       3rem;
-$navbar-brand-height:          5rem;
-$navbar-brand-padding-y:       1rem;
-$navbar-height:                                $navbar-brand-height + ($navbar-brand-padding-y * 2);
+$navbar-brand-font-size:       1.875rem;
+$navbar-brand-height:          2.8125rem;
+$navbar-height:                                5.625rem;
 
-$navbar-nav-link-padding-x:    1rem;
+$navbar-nav-link-padding-x:    1.875rem;
+
+$navbar-light-color:                $dark;
+$navbar-light-hover-color:          $black;
+$navbar-light-active-color:         $black;
+$navbar-light-disabled-color:       $light;
 
 // Buttons
 $btn-border-width:                     3px;

diff --git a/src/scss/style.scss b/src/scss/style.scss
index ba43ad420aa262dbd2e8609e6ea0dd05a0526ed6..9221a44d6e8d88ccf9bed330818b257c180a3c9d 100644 (file)
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -111,6 +111,13 @@ pre {
        }
 }
 
+.navbar {
+       .navbar-brand {
+               font-weight: bold;
+               letter-spacing: 0.07em;
+       }
+}
+
 .bg-brand {
        min-height: 40rem;