💄 Adopt logical properties for RTL styling

exampleSite/content/_index.md

@@ -10,7 +10,7 @@ A powerful, lightweight theme for Hugo built with Tailwind CSS.
 This is a demo site built entirely using Congo. It also contains a complete set of [theme documentation]({{< ref "docs" >}}). Congo is flexible and is great for both static page-based content (like this demo) or a traditional blog with a feed of recent posts.
 
 <div class="flex px-4 py-2 mb-8 text-base rounded-md bg-primary-100 dark:bg-primary-900">
-  <span class="flex items-center ltr:pr-3 rtl:pl-3 text-primary-400">
+  <span class="flex items-center pe-3 text-primary-400">
     {{< icon "triangle-exclamation" >}}
   </span>
   <span class="flex items-center justify-between grow dark:text-neutral-300">

exampleSite/layouts/shortcodes/swatches.html

@@ -1,14 +1,14 @@
 <div class="flex justify-between">
   <span
-    class="w-full py-6 mr-2 rounded-md"
+    class="mr-2 w-full rounded-md py-6"
     {{ with .Get 0 }}style="background-color: {{ . }}"{{ end }}
   ></span>
   <span
-    class="w-full py-6 mr-2 rounded-md"
+    class="mr-2 w-full rounded-md py-6"
     {{ with .Get 1 }}style="background-color: {{ . }}"{{ end }}
   ></span>
   <span
-    class="w-full py-6 mr-2 rounded-md"
+    class="mr-2 w-full rounded-md py-6"
     {{ with .Get 2 }}style="background-color: {{ . }}"{{ end }}
   ></span>
 </div>