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

assets/sass/_zen.scss

@@ -63,7 +63,7 @@ article {
   .tags {
     @include respond-to(s) {
       display: inline-block;
-      padding-right: 1rem;
+      padding-inline-end: 1rem;
     }
   }
 
@@ -94,7 +94,7 @@ article {
 }
 
 .content-dates {
-  text-align: right;
+  text-align: end;
 }
 
 // Figure and image.

assets/sass/components/flex-inline/_flex-inline.scss

@@ -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,

assets/sass/components/list-straight-left/_list-straight-left.scss

@@ -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;
     }
   }
 }

assets/sass/mixins/spacing/_spacing.scss

@@ -47,6 +47,14 @@
   @include spacing(margin-right, $x);
 }
 
+@mixin margin-inline-start($x) {
+  @include spacing(margin-inline-start, $x);
+}
+
+@mixin margin-inline-end($x) {
+  @include spacing(margin-inline-end, $x);
+}
+
 @mixin padding($x) {
   @include spacing(padding, $x);
 }
@@ -74,3 +82,11 @@
 @mixin padding-right($x) {
   @include spacing(padding-right, $x);
 }
+
+@mixin padding-inline-start($x) {
+  @include spacing(padding-inline-start, $x);
+}
+
+@mixin padding-inline-end($x) {
+  @include spacing(padding-inline-end, $x);
+}

assets/sass/mobile.scss

@@ -142,7 +142,7 @@
   &__navbar {
     display: flex;
     flex-direction: column;
-    padding-left: 0;
+    padding-inline-start: 0;
     margin-block: 0;
 
     li {