From: Michael Tremer Date: Tue, 25 Sep 2018 13:00:53 +0000 (+0100) Subject: Remove shadows everywhere X-Git-Url: http://git.ipfire.org/?a=commitdiff_plain;h=dc64c714f98bb1e7b16308606b3ccfa18c117c5b;p=ipfire.org.git Remove shadows everywhere Signed-off-by: Michael Tremer --- diff --git a/src/scss/_variables.scss b/src/scss/_variables.scss index 5ff67607..fa74d8c4 100644 --- a/src/scss/_variables.scss +++ b/src/scss/_variables.scss @@ -1,12 +1,3 @@ -// Global Settings -$enable-shadows: true; -$shadow-1: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); -$shadow-2: 0 2px 4px 0 rgba(0, 0, 0, 0.16), 0 1px 2px 0 rgba(0, 0, 0, 0.23); -$shadow-3: 0 3px 6px 0 rgba(0, 0, 0, 0.16), 0 3px 6px 0 rgba(0, 0, 0, 0.23); -$shadow-4: 0 10px 20px 0 rgba(0, 0, 0, 0.19), 0 6px 6px 0 rgba(0, 0, 0, 0.26); -$shadow-5: 0 14px 28px 0 rgba(0, 0, 0, 0.25), 0 10px 10px 0 rgba(0, 0, 0, 0.26); -$shadow-6: 0 19px 38px 0 rgba(0, 0, 0, 0.3), 0 15px 12px 0 rgba(0, 0, 0, 0.22); - /* Colours */ @@ -108,15 +99,5 @@ $navbar-padding-y: 1.1rem; $input-btn-padding-x: 1rem; $input-btn-padding-y: .5rem; -$input-btn-focus-box-shadow: $shadow-3; - -// Shadows -$box-shadow: $shadow-1; -$box-shadow-sm: $box-shadow; -$box-shadow-lg: $shadow-6; - // 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/scss/style.scss b/src/scss/style.scss index 1b06720b..8843e85f 100644 --- a/src/scss/style.scss +++ b/src/scss/style.scss @@ -76,10 +76,6 @@ h6 { line-height: 1.75rem; } -.card { - box-shadow: $shadow-1; -} - .nav { .nav-link { color: $blue-grey-900; @@ -94,7 +90,6 @@ h6 { .navbar { &.scrolled { background-color: white; - box-shadow: $shadow-2; transition: background-color 200ms linear; } @@ -348,7 +343,6 @@ footer { .content { background: white; border-radius: 4px; - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.2); padding: 40px 24px; position: relative; } @@ -397,12 +391,6 @@ footer { .btn-lg { margin-bottom: 2.75rem; } - .btn-sm { - box-shadow: none; - &:hover { - box-shadow: none; - } - } .copyright { background-color: rgba($blue-grey-900, .06);