💄 Adopt logical properties for RTL styling

layouts/_default/baseof.html

@@ -22,8 +22,7 @@
       <a
         class="px-3 py-1 text-sm -translate-y-8 rounded-b-lg bg-primary-200 focus:translate-y-0 dark:bg-neutral-600"
         href="#main-content"
-        ><span class="font-bold text-primary-600 ltr:pr-2 rtl:pl-2 dark:text-primary-400"
-          >&darr;</span
+        ><span class="font-bold pe-2 text-primary-600 dark:text-primary-400">&darr;</span
         >{{ i18n "nav.skip_to_main" }}</a
       >
     </div>
@@ -37,9 +36,7 @@
       <main id="main-content" class="grow">
         {{ block "main" . }}{{ end }}
         {{ if and (.Site.Params.footer.showScrollToTop | default true) (gt .WordCount 200) }}
-          <div
-            class="pointer-events-none absolute top-[100vh] bottom-0 w-12 ltr:right-0 rtl:left-0"
-          >
+          <div class="pointer-events-none absolute bottom-0 end-0 top-[100vh] w-12">
             <a
               href="#the-top"
               class="pointer-events-auto sticky top-[calc(100vh-5.5rem)] flex h-12 w-12 items-center justify-center rounded-full bg-neutral/50 text-xl text-neutral-700 backdrop-blur hover:text-primary-600 dark:bg-neutral-800/50 dark:text-neutral dark:hover:text-primary-400"