daniel/Personal_Website
0
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix header padding on non-hero pages

Browse Source
This commit is contained in:
Daniel_I_Am 2022-06-11 18:12:24 +02:00
parent 6b52dbc0ab
commit 3714a0c5cf
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
assets/sass/_header.scss
View File

@ -2,9 +2,11 @@ header {
position: relative;
background-color: $background-header;
padding-top: 3rem;
padding-bottom: 3rem;
@media (max-width: $sm) {
padding-top: 1rem;
padding-bottom: 1rem;
}
.top-bar {
@ -58,22 +60,22 @@ header {
max-width: 60%;
margin-top: 4rem;
margin-bottom: 4rem;
@media (max-width: $lg) {
max-width: 75%;
margin-top: 2rem;
margin-bottom: 2rem;
}
@media (max-width: $md) {
max-width: 100%;
margin-top: 1rem;
}
h1 {
color: $accent-color;
font-size: 2.5rem;
@media (max-width: $md) {
font-size: 1.5rem;
}
@ -89,7 +91,7 @@ header {
overflow: hidden;
display: block;
height: 90px;
height: 40px;
z-index: 3;
svg {