kontakt
/
www.kontakt-bamberg.de
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Make main menu stick to top

This commit is contained in:
Luca 2023-03-12 20:34:30 +01:00
parent 66c692af84
commit 0bd29fdf4f
1 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
assets/style.scss
View File

@ -31,15 +31,18 @@ body {
} }
header, footer { header, footer {
padding: 0 1rem; padding: 1rem;
} }
header { header {
align-items: center; align-items: center;
background: $color-background;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between; justify-content: space-between;
margin-top: 1rem; position: sticky;
top: 0;
z-index: 1;
a img { a img {
display: block; display: block;
@ -89,7 +92,7 @@ header {
} }
main { main {
padding: 1rem; padding: 0 1rem;
& > :last-child { & > :last-child {
margin-bottom: 0 !important; margin-bottom: 0 !important;
@ -100,17 +103,13 @@ main {
} }
} }
footer { footer nav {
margin-bottom: 1rem;
nav {
align-items: end; align-items: end;
@media screen and (min-width: $small) { @media screen and (min-width: $small) {
align-items: normal; align-items: normal;
justify-content: end; justify-content: end;
} }
}
} }
nav { nav {