From 2d6131bcdfd4f280f4b30041feae32e5225f4405 Mon Sep 17 00:00:00 2001
From: Gabriel Arazas <foodogsquared@foodogsquared.one>
Date: Thu, 16 Mar 2023 18:13:20 +0800
Subject: [PATCH] Add some RTL styling for theme button component

---
 assets/scss/base.scss   |  1 +
 assets/scss/layout.scss | 10 ++++++++++
 2 files changed, 11 insertions(+)

diff --git a/assets/scss/base.scss b/assets/scss/base.scss
index 1946068..1e6f557 100644
--- a/assets/scss/base.scss
+++ b/assets/scss/base.scss
@@ -86,6 +86,7 @@ pre {
   max-height: var(--code-block-size);
   padding: 0.5rem;
   overflow: auto;
+  direction: ltr;
 
   code { background: unset; }
 }
diff --git a/assets/scss/layout.scss b/assets/scss/layout.scss
index 72c13bb..e60297d 100644
--- a/assets/scss/layout.scss
+++ b/assets/scss/layout.scss
@@ -70,6 +70,11 @@ footer[aria-label="Site footer"] {
   top: 0;
   right: 0;
 
+  [dir="rtl"] & {
+    right: unset;
+    left: 0;
+  }
+
   &:hover {
     color: unset !important;
     & .site__theme-dropdown {
@@ -87,6 +92,11 @@ footer[aria-label="Site footer"] {
   right: 0;
   top: 1.5em;
   width: max-content;
+
+  [dir="rtl"] & {
+    right: unset;
+    left: 0;
+  }
 }
 
 .site__theme-dropdown-list {