feat: add rtl support as part of #47

3 years ago · 4587b13360
parent fb9ea8dcb8
commit 4587b13360
3 changed files with 10 additions and 3 deletions
--- a/assets/base.scss
+++ b/assets/base.scss
@ -6,7 +6,7 @@
  --lt-colours-gray: var(--outlinegray) !important;
 }

-h1, h2, h3, h4, ol, ul, thead {
+h1, h2, h3, h4, h5, h6, ol, ul, thead {
  font-family: Inter;
  color: var(--dark);
  font-weight: revert;
@ -225,6 +225,13 @@ code {

 html {
  scroll-behavior: smooth;
+
+  &:lang(ar) {
+    & p, & h1, & h2, & h3, article {
+      direction: rtl;
+      text-align: right;
+    }
+  }
 }

 body {
--- a/layouts/_default/single.html
+++ b/layouts/_default/single.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{ .Lang }}">
 {{ partial "head.html" . }}

 <body>
--- a/layouts/index.html
+++ b/layouts/index.html
@ -1,5 +1,5 @@
 <!DOCTYPE html>
-<html lang="en">
+<html lang="{{ .Lang }}">
 {{ partial "head.html" . }}

 <body>