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