Use start/end for text-align and padding to handle rtl etc. better.
This commit is contained in:
parent
3012cad52e
commit
8ca27a65c3
2 changed files with 23 additions and 8 deletions
|
|
@ -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,
|
||||
|
|
|
|||
|
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Reference in a new issue