From: Michael Tremer <michael.tremer@ipfire.org>
Date: Fri, 28 Sep 2018 13:47:30 +0000 (+0100)
Subject: CSS: Make navbar white when scrolled down
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=a9a5d02be0de7210471b4517106fc79f25f08b0a;p=ipfire.org.git

CSS: Make navbar white when scrolled down

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

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 4361940f..ab6d5491 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -108,11 +108,17 @@ h6 {
 		@extend .inverse;
 
 		transition: background-color 200ms linear;
+
+		border-bottom: 4px solid $body-bg;
+	}
+
+	.navbar-brand {
+		color: inherit;
 	}
 
 	.navbar-nav {
 		.nav-link {
-			color: $white;
+			color: inherit;
 
 			&.active {
 				border-bottom: 2px solid $link-color;
diff --git a/src/templates/base.html b/src/templates/base.html
index 1cefcff0..9243520d 100644
--- a/src/templates/base.html
+++ b/src/templates/base.html
@@ -23,7 +23,7 @@
 					<svg class="icon i_hamburger"><use xlink:href="#hamburger"/></svg>
 				</button>
 
-				<a class="navbar-brand mx-auto text-white" href="/">
+				<a class="navbar-brand mx-auto" href="/">
 					<strong>IPFire</strong> {% block subtitle %}{% end block %}
 				</a>