iger
/
www.iger.events
9
1
Fork 1
Code Issues Pull Requests Projects Releases Wiki Activity

Wrap main nav, but not header on medium screens
continuous-integration/drone/push Build is passing Details

This commit is contained in:
Luca 2023-07-11 23:38:21 +02:00
parent bc5d4374c7
commit 4dcd0ab42f
1 changed files with 7 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
assets/style.scss
View File

@ -48,7 +48,6 @@ header {
align-items: center; align-items: center;
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
justify-content: space-between;
margin-top: 1rem; margin-top: 1rem;
pre { pre {
@ -69,6 +68,7 @@ header {
.header-brand { .header-brand {
display: flex; display: flex;
flex-grow: 1;
a { a {
// linkify the brand logo without changing its style // linkify the brand logo without changing its style
@ -92,6 +92,7 @@ header {
} }
@media screen and (min-width: $small) { @media screen and (min-width: $small) {
flex-wrap: nowrap;
margin-top: $header-spacing; margin-top: $header-spacing;
padding-top: 0.5rem; padding-top: 0.5rem;
@ -106,6 +107,11 @@ header {
width: 100%; width: 100%;
z-index: -1; z-index: -1;
} }
nav {
flex-wrap: wrap;
justify-content: right;
}
} }
} }