Use gap instead of padding on menus.

This commit is contained in:
Fredrik Jonsson 2022-05-25 10:28:39 +02:00
commit 7d879a8a96
2 changed files with 1 additions and 7 deletions

View file

@ -209,7 +209,6 @@ figure {
outline: 0; outline: 0;
li { li {
@include margin-right(.5);
@include margin-bottom(.5); @include margin-bottom(.5);
padding: 0; padding: 0;
} }

View file

@ -6,6 +6,7 @@
%navbar { %navbar {
display: flex; display: flex;
flex-wrap: wrap; flex-wrap: wrap;
gap: .5rem;
margin: 0; margin: 0;
padding: 0; padding: 0;
text-align: left; text-align: left;
@ -13,17 +14,11 @@
@include rtl() { @include rtl() {
flex-direction: row-reverse; flex-direction: row-reverse;
text-align: right; text-align: right;
padding: 0;
} }
&__item, &__item,
li { li {
padding: 0 10px 0 0;
list-style-type: none; list-style-type: none;
list-style-image: none; list-style-image: none;
@include rtl() {
padding: 0 0 0 10px;
}
} }
} }