Change button hover color

This commit is contained in:
mathiascode 2019-12-01 21:19:09 +02:00
parent 18828ba394
commit 0f9829658e

View file

@ -1,5 +1,4 @@
$backgroundcolor: #555; $backgroundcolor: #555;
$textcolor: #FCFCFC;
$accentcolor: #FCFCFC; $accentcolor: #FCFCFC;
$lightcolor: #555; $lightcolor: #555;
$linkcolor: #1B619F; $linkcolor: #1B619F;
@ -81,7 +80,7 @@ $linkcolor: #1B619F;
html { html {
background: $backgroundcolor; background: $backgroundcolor;
color: $textcolor; color: $accentcolor;
display: table; display: table;
font-family: Montreal, sans-serif; font-family: Montreal, sans-serif;
font-size: calc(1.125em + .2vw); font-size: calc(1.125em + .2vw);
@ -101,7 +100,7 @@ body {
h1 { h1 {
color: $accentcolor; color: $accentcolor;
fill: $textcolor; fill: $accentcolor;
font-family: "Glacial Indifference", sans-serif; font-family: "Glacial Indifference", sans-serif;
font-size: calc(2.625em + 0.2vw); font-size: calc(2.625em + 0.2vw);
text-transform: uppercase; text-transform: uppercase;
@ -180,6 +179,7 @@ a:hover {
.button:hover { .button:hover {
box-shadow: 0 8px 15px rgba(0, 0, 0, .22); box-shadow: 0 8px 15px rgba(0, 0, 0, .22);
color: $accentcolor;
} }
.button:focus { .button:focus {