37 lines
562 B
SCSS
37 lines
562 B
SCSS
|
$primary_background_color: #EEEEEE;
|
||
|
$primary_font_color: #111111;
|
||
|
|
||
|
$secondary_background_color: #DDDDDD;
|
||
|
$secondary_font_color: #333333;
|
||
|
|
||
|
|
||
|
ul {
|
||
|
padding: 0;
|
||
|
}
|
||
|
|
||
|
li {
|
||
|
list-style: none;
|
||
|
width: 100%;
|
||
|
display: flex;
|
||
|
flex-grow: 1;
|
||
|
justify-content: center;
|
||
|
flex-direction: column;
|
||
|
}
|
||
|
|
||
|
a {
|
||
|
background-color: transparent;
|
||
|
padding: 1em;
|
||
|
border: 0;
|
||
|
margin: 0;
|
||
|
font-size: large;
|
||
|
text-decoration: none;
|
||
|
color: $primary_font_color;
|
||
|
}
|
||
|
|
||
|
a:hover {
|
||
|
background-color: #FCFCFC;
|
||
|
}
|
||
|
|
||
|
a.active {
|
||
|
background-color: #F5F5F5;
|
||
|
}
|