From 655f97c76a5adf712e75fb57d61191478e3e5ed3 Mon Sep 17 00:00:00 2001 From: Kazhnuz Date: Sat, 25 May 2019 16:47:32 +0200 Subject: [PATCH] style/definition: change global large-shadow style --- scss/_definitions.scss | 2 +- style.css | 16 ++++++++-------- 2 files changed, 9 insertions(+), 9 deletions(-) diff --git a/scss/_definitions.scss b/scss/_definitions.scss index 6154fe7..9586e10 100644 --- a/scss/_definitions.scss +++ b/scss/_definitions.scss @@ -7,7 +7,7 @@ */ -$large-shadow: 0px 2px 10px rgba(0, 0, 0, 0); +$large-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); $narrow-shadow: 0px 2px 6px rgba(0, 0, 0, 0); $inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); $inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2); diff --git a/style.css b/style.css index f46dacf..d43af39 100644 --- a/style.css +++ b/style.css @@ -551,7 +551,7 @@ header { height: auto; } .navbar { - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); border: 1px solid rgba(0, 0, 0, 0.3); border-left: 0; border-right: 0; } @@ -623,7 +623,7 @@ ul.social { */ .card { border-radius: 0px 0px 0px 0px; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); border-style: solid; border-width: 0px; border-left-width: 3px; @@ -746,7 +746,7 @@ ul.social { color: #FFF; } .card-shadow { - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); } + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2); } /* 4.1 - Header and titles */ .card-header { @@ -778,7 +778,7 @@ ul.social { .card-meta { border-radius: 0px 0px 0px 0px; padding: 1em; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2); border: 0; background-color: #eeeeec; margin-bottom: 1.2em; } @@ -851,7 +851,7 @@ a.list-group-item:hover { border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0px 0px 0px 0px; color: rgba(0, 0, 0, 0.7); - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); } + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); } .alert-flex { display: flex; flex-direction: row; @@ -942,7 +942,7 @@ a.list-group-item:hover { /* 4.5 - Breadcrumbs */ .breadcrumb { border-radius: 0px 0px 0px 0px; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2); border: 0; background-color: #eeeeec; margin-bottom: 1.2em; } @@ -958,7 +958,7 @@ a.list-group-item:hover { .btn, .page-numbers { border: 1px solid rgba(0, 0, 0, 0.3); border-radius: 0px 0px 0px 0px; - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3); background-color: #eeeeec; color: #111; @@ -1109,7 +1109,7 @@ a.list-group-item:hover { color: #FFF; } .btn-group { - box-shadow: 0px 2px 10px rgba(0, 0, 0, 0); } + box-shadow: 0px 3px 5px 2px rgba(0, 0, 0, 0.1); } .btn-group .btn, .btn-group .page-numbers { box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);