kobold.cafe/kobold.city-old
1
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

style/definition: change global large-shadow style

Browse source
This commit is contained in:
Kazhnuz 2019-05-25 16:47:32 +02:00
parent 095c944f3a
commit 655f97c76a
2 changed files with 9 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
scss/_definitions.scss
View file

@ -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); $narrow-shadow: 0px 2px 6px rgba(0, 0, 0, 0);
$inset-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); $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); $inset-shadow-inverted: inset 0px 2px 0px rgba(0, 0, 0, 0.2);

16
style.css
View file

@ -551,7 +551,7 @@ header {
height: auto; } height: auto; }
.navbar { .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: 1px solid rgba(0, 0, 0, 0.3);
border-left: 0; border-left: 0;
border-right: 0; } border-right: 0; }
@ -623,7 +623,7 @@ ul.social {
*/ */
.card { .card {
border-radius: 0px 0px 0px 0px; 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-style: solid;
border-width: 0px; border-width: 0px;
border-left-width: 3px; border-left-width: 3px;
@ -746,7 +746,7 @@ ul.social {
color: #FFF; } color: #FFF; }
.card-shadow { .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 */ /* 4.1 - Header and titles */
.card-header { .card-header {
@ -778,7 +778,7 @@ ul.social {
.card-meta { .card-meta {
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
padding: 1em; 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; border: 0;
background-color: #eeeeec; background-color: #eeeeec;
margin-bottom: 1.2em; } margin-bottom: 1.2em; }
@ -851,7 +851,7 @@ a.list-group-item:hover {
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px; border-radius: 0px 0px 0px 0px;
color: rgba(0, 0, 0, 0.7); 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 { .alert-flex {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
@ -942,7 +942,7 @@ a.list-group-item:hover {
/* 4.5 - Breadcrumbs */ /* 4.5 - Breadcrumbs */
.breadcrumb { .breadcrumb {
border-radius: 0px 0px 0px 0px; 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; border: 0;
background-color: #eeeeec; background-color: #eeeeec;
margin-bottom: 1.2em; } margin-bottom: 1.2em; }
@ -958,7 +958,7 @@ a.list-group-item:hover {
.btn, .page-numbers { .btn, .page-numbers {
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
border-radius: 0px 0px 0px 0px; 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); text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
background-color: #eeeeec; background-color: #eeeeec;
color: #111; color: #111;
@ -1109,7 +1109,7 @@ a.list-group-item:hover {
color: #FFF; } color: #FFF; }
.btn-group { .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 { .btn-group .btn, .btn-group .page-numbers {
box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);