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

styles/buttons: remove external shadows

Browse source
This commit is contained in:
Kazhnuz 2019-05-25 16:49:12 +02:00
parent 655f97c76a
commit 965e0b196d
2 changed files with 5 additions and 8 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
scss/_buttons.scss
View file

@ -23,13 +23,13 @@
.btn { .btn {
@include borders(); @include borders();
@include border-radius(); @include border-radius();
box-shadow: $large-shadow, $inset-shadow; box-shadow: $inset-shadow;
text-shadow: 0px -1px 0px rgba(0,0,0,0.3); text-shadow: 0px -1px 0px rgba(0,0,0,0.3);
@include button-color($color-light, #111); @include button-color($color-light, #111);
font-weight: 600; font-weight: 600;
&:hover { &:hover {
box-shadow: $narrow-shadow, $inset-shadow; box-shadow: $inset-shadow;
@include borders(); @include borders();
text-decoration: none; text-decoration: none;
} }
@ -65,7 +65,7 @@
} }
.btn-group { .btn-group {
box-shadow: $large-shadow;
} }
.btn-group .btn { .btn-group .btn {

7
style.css
View file

@ -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 3px 5px 2px rgba(0, 0, 0, 0.1), inset 0px -2px 0px rgba(0, 0, 0, 0.2); box-shadow: 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;
@ -967,7 +967,7 @@ a.list-group-item:hover {
background-color: white; background-color: white;
color: #111; } color: #111; }
.btn:hover, .page-numbers:hover { .btn:hover, .page-numbers:hover {
box-shadow: 0px 2px 6px rgba(0, 0, 0, 0), inset 0px -2px 0px rgba(0, 0, 0, 0.2); box-shadow: inset 0px -2px 0px rgba(0, 0, 0, 0.2);
border: 1px solid rgba(0, 0, 0, 0.3); border: 1px solid rgba(0, 0, 0, 0.3);
text-decoration: none; } text-decoration: none; }
.btn:active, .page-numbers:active { .btn:active, .page-numbers:active {
@ -1108,9 +1108,6 @@ a.list-group-item:hover {
background-color: #9bd75b; background-color: #9bd75b;
color: #FFF; } color: #FFF; }
.btn-group {
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);
border-radius: 0px 0px 0px 0px; } border-radius: 0px 0px 0px 0px; }