💄 Adopt logical properties for RTL styling

layouts/_default/single.html

@@ -28,7 +28,7 @@
                 {{- (.Resize "660x").RelPermalink }} 660w,
                 {{- (.Resize "1024x").RelPermalink }} 1024w,
                 {{- (.Resize "1320x").RelPermalink }} 2x"
-            {{ end }}
+              {{ end }}
             {{ end }}
             alt="{{ $.Params.featureAlt | default $.Params.coverAlt | default "" }}"
           />
@@ -40,8 +40,8 @@
     </header>
     <section class="flex flex-col max-w-full mt-0 prose dark:prose-invert lg:flex-row">
       {{ if and (.Params.showTableOfContents | default (.Site.Params.article.showTableOfContents | default false)) (in .TableOfContents "<ul") }}
-        <div class="order-first px-0 lg:order-last lg:max-w-xs ltr:lg:pl-8 rtl:lg:pr-8">
-          <div class="toc ltr:pl-5 rtl:pr-5 print:hidden lg:sticky lg:top-10">
+        <div class="order-first px-0 lg:order-last lg:max-w-xs lg:ps-8">
+          <div class="toc pe-5 print:hidden lg:sticky lg:top-10">
             {{ partial "toc.html" . }}
           </div>
         </div>