42 lines
1,000 B
SCSS
42 lines
1,000 B
SCSS
header {
|
|
margin: -25px -25px 0px -25px;
|
|
background: $background_accent_1;
|
|
padding: 20px 30px;
|
|
box-shadow: 5px 5px 5px 10px $background_accent_1;
|
|
h1 a, h1 a:hover, h1 a:link {
|
|
font-family: $headline_font, sans-serif;
|
|
color: $font_accent_1;
|
|
margin: 0;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
font-size: $font_size_h1;
|
|
}
|
|
nav ul {
|
|
font-size: $font_size_default;
|
|
list-style: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
a, a:link, a:visited {
|
|
color: $font_accent_2;
|
|
}
|
|
a:hover, a:active {
|
|
color: $font_accent_3;
|
|
}
|
|
li {
|
|
display: inline;
|
|
margin: 0 8px 0 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
}
|
|
|
|
@media (max-width: $mobile_view) {
|
|
header {
|
|
h1 a, h1 a:hover, h1 a:link {
|
|
font-size: $font_size_h1_mobile;
|
|
}
|
|
nav ul {
|
|
font-size: $font_size_default_mobile;
|
|
}
|
|
}
|
|
}
|