Wrap main nav, but not header on medium screens
continuous-integration/drone/push Build is passing
Details
continuous-integration/drone/push Build is passing
Details
This commit is contained in:
parent
bc5d4374c7
commit
4dcd0ab42f
|
@ -48,7 +48,6 @@ header {
|
|||
align-items: center;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
justify-content: space-between;
|
||||
margin-top: 1rem;
|
||||
|
||||
pre {
|
||||
|
@ -69,6 +68,7 @@ header {
|
|||
|
||||
.header-brand {
|
||||
display: flex;
|
||||
flex-grow: 1;
|
||||
|
||||
a {
|
||||
// linkify the brand logo without changing its style
|
||||
|
@ -92,6 +92,7 @@ header {
|
|||
}
|
||||
|
||||
@media screen and (min-width: $small) {
|
||||
flex-wrap: nowrap;
|
||||
margin-top: $header-spacing;
|
||||
padding-top: 0.5rem;
|
||||
|
||||
|
@ -106,6 +107,11 @@ header {
|
|||
width: 100%;
|
||||
z-index: -1;
|
||||
}
|
||||
|
||||
nav {
|
||||
flex-wrap: wrap;
|
||||
justify-content: right;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
Loading…
Reference in New Issue