From 09ecfb11a53c2f6cb2015e5491cbd061a77b3f7d Mon Sep 17 00:00:00 2001
From: Michael Tremer <michael.tremer@ipfire.org>
Date: Thu, 12 Jul 2018 23:29:13 +0100
Subject: [PATCH] CSS: Enable shadows

Signed-off-by: Michael Tremer <michael.tremer@ipfire.org>
---
 src/scss/_variables.scss | 14 ++++++++++++++
 src/templates/index.html |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 822bc0ff..26f7e369 100644
--- a/src/scss/_variables.scss
+++ b/src/scss/_variables.scss
@@ -1,3 +1,6 @@
+// Global Settings
+$enable-shadows: true;
+
 /*
 	Colours
 */
@@ -59,5 +62,16 @@ $navbar-padding-y:			1.1rem;
 $input-btn-padding-x:		1rem;
 $input-btn-padding-y:		.5rem;
 
+$input-btn-focus-box-shadow:
+							0 3px 6px 0 rgba(black, .16), 0 3px 6px 0 rgba(black, .23);
+
+// Shadows
+$box-shadow:				0 1px 3px 0 rgba(0, 0, 0, .12), 0 1px 2px 0 rgba(0, 0, 0, .2);
+$box-shadow-sm:				$box-shadow;
+$box-shadow-lg:				0 19px 38px 0 rgba(0, 0, 0, .3), 0 15px 12px 0 rgba(0, 0, 0, .22);
+
 // Buttons
 $btn-border-width:			2px;
+
+$btn-box-shadow:			0 2px 0 rgba(black, .16), 0 1px 2px rgba(black, .23);
+$btn-active-box-shadow:		$input-btn-focus-box-shadow;
diff --git a/src/templates/index.html b/src/templates/index.html
index 134222bb..19717efc 100644
--- a/src/templates/index.html
+++ b/src/templates/index.html
@@ -12,7 +12,7 @@
 				
 			<div class="row justify-content-center">
 				<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-dark btn-lg ml-3" href="/features">{{ _("Features") }}</a>
 			</div>
 		</div>
 		
-- 
2.47.2