Toevoegen kleuren als variable voor hergebruik en consistentie

This commit is contained in:
Michael Boelen 2023-05-08 12:08:42 +02:00
parent 449e272870
commit fd43bcb22e

View file

@ -1,3 +1,8 @@
$color-button: #1D3160;
$color-button-hover: #17274d;
$color-header: #1D3160;
*, :after, :before {
box-sizing: border-box;
padding: 0;
@ -52,6 +57,21 @@ header {
text-decoration: none;
}
a.button:link, a.button:visited {
background-color: $color-button;
border-radius: 4px;
color: white;
padding: 14px 25px;
text-align: center;
text-decoration: none;
display: inline-block;
}
a.button:hover, a.button:active {
background-color: $color-button-hover;
}
.time {
font-variant-numeric: tabular-nums;
white-space: nowrap;
@ -138,8 +158,6 @@ header a {
header ul {
list-style-type: none;
padding: 0;
//border-right: 1px solid #edf2f7;
}
header li, header a {