Merge pull request #146 from mskf1383/main

Improve Bidi support
kevquirk · May 15, 2023 · 0e86b4c · 0e86b4c
2 parents 8cb1ffa + 3819484
commit 0e86b4c
Showing 1 changed file with 14 additions and 6 deletions.
diff --git a/simple.css b/simple.css
@@ -313,16 +313,19 @@ aside {
   font-size: 1rem;
   width: 30%;
   padding: 0 15px;
-  margin-left: 15px;
+  margin-inline-start: 15px;
   float: right;
 }
+*[dir="rtl"] aside {
+  float: left;
+}
 
 /* Make aside full-width on mobile */
 @media only screen and (max-width: 720px) {
   aside {
     width: 100%;
     float: none;
-    margin-left: 0;
+    margin-inline-start: 0;
   }
 }
 
@@ -390,7 +393,7 @@ table {
 td,
 th {
   border: 1px solid var(--border);
-  text-align: left;
+  text-align: start;
   padding: 0.5rem;
 }
 
@@ -439,7 +442,10 @@ select:not([multiple]) {
   background-position: calc(100% - 15px), calc(100% - 10px);
   background-size: 5px 5px, 5px 5px;
   background-repeat: no-repeat;
-  padding-right: 25px;
+  padding-inline-end: 25px;
+}
+*[dir="rtl"] select:not([multiple]) {
+  background-position: 10px, 15px;
 }
 
 /* checkbox and radio button style */
@@ -548,9 +554,11 @@ figcaption {
 }
 
 blockquote {
-  margin: 2rem 0 2rem 2rem;
+  margin-inline-start: 2rem;
+  margin-inline-end: 0;
+  margin-block: 2rem;
   padding: 0.4rem 0.8rem;
-  border-left: 0.35rem solid var(--accent);
+  border-inline-start: 0.35rem solid var(--accent);
   color: var(--text-light);
   font-style: italic;
 }