Button shadow experiment

This commit is contained in:
mathias 2019-08-06 02:45:43 +03:00
parent cf7d38c725
commit e76995b83b

View file

@ -157,21 +157,21 @@ li {
margin: 0 0 1.125em 0; margin: 0 0 1.125em 0;
padding: .5em 2.5em .5em 1em; padding: .5em 2.5em .5em 1em;
text-shadow: none; text-shadow: none;
transition: .08s; transition: .12s;
} }
.button:last-child { .button:last-child {
margin: 0; margin: 0;
} }
.button:hover, .button:hover {
.button:focus { box-shadow: 0 8px 15px rgba(0, 0, 0, .22);
background-color: darken($accentcolor, 5%);
color: $lightcolor;
} }
.button:focus { .button:focus {
box-shadow: inset 0 .250em .250em rgba(0, 0, 0, .1); box-shadow:
inset 0 .250em .250em rgba(0, 0, 0, .1),
0 8px 15px rgba(0, 0, 0, .22);
} }
.button span { .button span {