From: Michael Tremer <michael.tremer@ipfire.org>
Date: Fri, 28 Sep 2018 16:25:45 +0000 (+0100)
Subject: CSS: Don't make buttons glow everywhere
X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=3e486013f7dde9e839681a45512d0356b29c36aa;p=ipfire.org.git

CSS: Don't make buttons glow everywhere

This looked rather odd on the blog

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

diff --git a/src/scss/style.scss b/src/scss/style.scss
index 783d08db..11332370 100644
--- a/src/scss/style.scss
+++ b/src/scss/style.scss
@@ -56,7 +56,7 @@ body {
 }
 
 @each $color, $value in $theme-colors {
-	.btn-outline-#{$color} {
+	.btn-glow-#{$color} {
 		background-color: rgba($value, .15);
 	}
 }
diff --git a/src/templates/index.html b/src/templates/index.html
index 815d7a6a..6171c713 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -18,8 +18,8 @@
 					<h1 class="display-1">The Open Source Firewall Distribution</h1>
 
 					<div class="btn-toolbar">
-						<a class="btn btn-outline-primary btn-lg mr-3" href="/download">{{ _("Download") }}</a>
-						<a class="btn btn-outline-secondary btn-lg ml-3" href="/features">{{ _("Features") }}</a>
+						<a class="btn btn-outline-primary btn-glow-primary btn-lg mr-3" href="/download">{{ _("Download") }}</a>
+						<a class="btn btn-outline-secondary btn-glow-secondary btn-lg ml-3" href="/features">{{ _("Features") }}</a>
 					</div>
 				</div>
 			</div>