CSS: Enable shadows

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

diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss
index 822bc0ff658351df7ada3962bf884c16e4560a1d..26f7e369f92b97e2d8b05b6d780018876909c2df 100644 (file)
--- 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 134222bb20625e0c160d7830e09161cd699cbd4f..19717efc4b64e68b7b094128c2774d867d6835f8 100644 (file)
--- 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>