Use start/end for text-align and padding to handle rtl etc. better.

This commit is contained in:
Fredrik Jonsson 2023-04-23 16:47:14 +02:00
commit 8ca27a65c3
2 changed files with 23 additions and 8 deletions

View file

@ -6,11 +6,10 @@
flex-wrap: wrap;
gap: var(--gap);
padding: 0;
text-align: left;
text-align: start;
@include rtl() {
flex-direction: row-reverse;
text-align: right;
}
&__item,

View file

@ -9,7 +9,7 @@
display: table-row;
&::before {
@include padding-right(.5);
@include padding-inline-end(.5);
display: table-cell;
content: '\2022';
font-size: var(--fs-s);
@ -27,11 +27,11 @@
counter-increment: table-ol;
&::before {
@include padding-right(.5);
@include padding-inline-end(.5);
display: table-cell;
content: counter(table-ol) '.';
font-size: var(--fs-s);
text-align: right;
text-align: end;
}
}
}