feat: add rtl style and check dir in default.html

zakariaf · zakariaf · commit 419a24f0a03e · 2025-05-23T20:06:59.000+02:00
fix: add dir variables and update comments for clarity on language and direction detection

fix: update HTML lang and dir attributes to use correct language variables from lang.html

feat: add Persian RTL test post with comprehensive content and formatting

feat: add RTL font loader to support appropriate font loading based on page language

feat: add RTL styles and font support for Arabic, Persian, and Urdu languages

feat: enhance RTL support by adding additional languages to the configuration

fix: remove pin attribute from Persian RTL test post

feat: add comprehensive RTL support documentation

fix: update comment to clarify lang and dir attributes usage in HTML layout

fix: improve formatting of RTL content creation instructions in documentation

fix: swap float directions for images in Persian RTL content

fix: remove duplicated font source and unicode-range for RTL fonts

fix: update font weights for RTL language stylesheets

fix: add spaces to read time unit and prompt for better formatting

fix: reorder RTL font loader inclusion for rendering after googlefonts

fix: update RTL language configuration to use 'fa' instead of 'fa-IR' for better compatibility

fix: add transform to sidebar for better responsiveness in RTL layout

fix: add RTL Support feature to README

fix: update RTL support comments for clarity

fix: enhance RTL support documentation for clarity and usability

fix: correct meta format in fa.yml for clarity

Signed-off-by: Zakaria Fatahi &lt;zakaria@buzzjective.com&gt;

fix: improve sidebar transform handling for RTL layout in mobile

refactor: remove RTL font loader and associated styles for cleaner codebase

refactor: streamline RTL support configuration and enhance language direction detection

chore: remove obsolete RTL support documentation

refactor: remove RTL configuration and streamline language direction detection

chore: remove RTL support mention from README

refactor: remove obsolete Persian RTL test post for cleaner codebase

refactor: adjust anchor float and margin for improved RTL styling

refactor: remove rtl.scss from main.scss and move to _scss/base

refactor: revert all changes about locale files

feat: dir is an optional attribute of html element

Co-authored-by: Cotes Chung &lt;11371340+cotes2020@users.noreply.github.com&gt;
Signed-off-by: Zakaria Fatahi &lt;zakaria@buzzjective.com&gt;

refactor: add padding and border styles for access panel in RTL

refactor: adjust archive styles for improved RTL layout

feat: add padding styles for categories in RTL layout

feat: add margin styles for list items in page category for RTL layout

feat: add margin styles for tag spans in RTL layout
diff --git a/_layouts/default.html b/_layouts/default.html
@@ -12,8 +12,16 @@
   {% capture prefer_mode %}data-mode="{{ site.theme_mode }}"{% endcapture %}
 {% endif %}
 
-<!-- `site.alt_lang` can specify a language different from the UI -->
-<html lang="{{ page.lang | default: site.alt_lang | default: site.lang }}" {{ prefer_mode }}>
+{% assign _lang_code = lang | split: '-' | first %}
+
+{%- capture dir -%}
+  {%- if 'ar,fa,he,iw,ps,ug,ur,yi,ku' contains _lang_code -%}
+    dir="rtl"
+  {%- endif -%}
+{%- endcapture -%}
+
+<!-- `lang` attribute is set in _includes/lang.html -->
+<html lang="{{ lang }}" {{ dir }} {{ prefer_mode }}>
   {% include head.html %}
 
   <body>
diff --git a/_sass/base/_index.scss b/_sass/base/_index.scss
@@ -2,3 +2,4 @@
 @forward 'base';
 @forward 'typography';
 @forward 'syntax';
+@forward 'rtl';
diff --git a/_sass/base/_rtl.scss b/_sass/base/_rtl.scss
