Ungol/blog
1
0
Fork 0
Code Issues Projects Releases Packages 1 Activity Actions

fix: navbar flex

Browse source
This commit is contained in:
Alexis Fourmaux 2025-05-16 00:37:59 +02:00
parent 47dbe064de
commit 51d599eff6
1 changed files with 18 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

31
sass/parts/_navbar.scss
View file

@ -5,10 +5,10 @@ header {
} }
nav { nav {
display: flex;
max-width: var(--main-width); max-width: var(--main-width);
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
display: flex;
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
@ -24,16 +24,13 @@ nav {
padding: 0; padding: 0;
margin-top: 0; margin-top: 0;
margin-bottom: 0; margin-bottom: 0;
} display: flex;
align-items: center;
&.nav-title, justify-content: space-around;
&.nav-menus,
&.nav-widgets,
&>ul>li {
display: inline-block;
} }
&.nav-title { &.nav-title {
flex: 2 auto;
font-size: 2rem; font-size: 2rem;
font-weight: 100; font-weight: 100;
text-transform: uppercase; text-transform: uppercase;
@ -53,6 +50,8 @@ nav {
&.nav-menus { &.nav-menus {
flex: 4 auto;
a { a {
color: var(--text); color: var(--text);
@ -65,16 +64,22 @@ nav {
} }
} }
li { &>ul {
list-style-type: none; display: flex;
padding: 0; flex-flow: row wrap;
margin-left: .5rem; align-items: center;
margin-right: .5rem; justify-content: space-around;
&>li {
flex: 1 auto;
padding: 0;
} }
} }
}
&.nav-widgets { &.nav-widgets {
flex: 1 auto;
color: var(--text); color: var(--text);
font-size: 1.5rem; font-size: 1.5rem;