RTL Support

_data/ui-text.yml

@@ -1400,7 +1400,7 @@ fa: &DEFAULT_FA
  toc_label : "در این صفحه"
  ext_link_label : "لینک مستقیم"
  less_than : " "
- minute_read : "(طول مطالعه (دقیقه"
+ minute_read : "دقیقه، طول مطالعه"
  share_on_label : "اشتراک گذاری در"
  meta_label :
  tags_label : "تگ ها: "
@@ -1427,9 +1427,9 @@ fa: &DEFAULT_FA
  comment_btn_submitted : "ارسال شد"
  comment_success_msg : ".باتشکر از ارسال دیدگاه! پس از تأیید، این دیدگاه در سایت نشان داده خواهد شد"
  comment_error_msg : ".متاسفانه در ارسال شما خطایی بود. لطفا مطمئن شوید تمام فیلدهای مورد نیاز تکمیل شده و دوباره امتحان کنید"
- loading_label : "...بارگذاری"
+ loading_label : "بارگذاری..."
  search_label_text :
- search_placeholder_text : "...عبارت جستجوی خود را وارد کنید"
+ search_placeholder_text : "عبارت جستجوی خود را وارد کنید..."
  search_algolia_no_results :
  results_found : "نتایج"
  back_to_top : "بازگشت به بالا"

_sass/rtl.scss

@@ -0,0 +1,157 @@
+body {
+ direction: rtl;
+}
+
+blockquote {
+ border-left: none;
+ border-right: .25em solid #00adb5;
+ margin: 2em 0 2em 1em;
+}
+
+.page__taxonomy {
+ strong {
+ margin-right: 0;
+ margin-left: 10px;
+ }
+}
+
+.page__content {
+ h1, h2, h3, h4, h5, h6 {
+ .header-link {
+ left: 0;
+ right: .5em;
+ }
+ }
+}
+
+.author__urls-wrapper {
+ .author__urls {
+ span.label {
+ padding-left: 0;
+ padding-right: 5px;
+ }
+ }
+}
+
+.page {
+ @include breakpoint($large) {
+ padding-right: 0;
+ padding-left: $right-sidebar-width-narrow;
+ }
+
+ @include breakpoint($x-large) {
+ padding-right: 0;
+ padding-left: $right-sidebar-width;
+ }
+}
+
+.page__related {
+ float: right;
+
+ @include breakpoint($large) {
+ float: left;
+ }
+}
+
+.sidebar {
+ @include breakpoint($large) {
+ float: right;
+ }
+}
+
+
+.sidebar__right {
+ @include breakpoint($large) {
+ right: auto;
+ left: 0;
+ margin-right: 0;
+ margin-left: -1 * $right-sidebar-width-narrow;
+ padding-left: 0;
+ padding-right: 1em;
+ }
+
+ @include breakpoint($x-large) {
+ margin-right: 0;
+ margin-left: -1 * $right-sidebar-width;
+ }
+
+ &.sticky {
+ float: left;
+ }
+}
+
+.archive {
+ @include breakpoint($large) {
+ padding-right: 0;
+ padding-left: $right-sidebar-width-narrow;
+ }
+
+ @include breakpoint($x-large) {
+ padding-right: 0;
+ padding-left: $right-sidebar-width;
+ }
+}
+
+.author__urls {
+ a {
+ padding-left: 5px;
+ padding-right: 0;
+ }
+}
+
+.page__taxonomy-item {
+ margin-left: 5px;
+ margin-right: 0;
+}
+
+.task-list .task-list-item-checkbox {
+ margin-left: .5em;
+ margin-right: 0;
+}
+
+.greedy-nav {
+ a {
+ &.site-title {
+ margin: 0 0 0 1rem;
+ }
+ }
+}
+
+div.highlighter-rouge,
+figure.highlight {
+ direction: ltr;
+}
+
+.full {
+ @include breakpoint($large) {
+ margin-right: 0 !important;
+ margin-left: -1 * span(2.5 of 12) !important;
+ }
+}
+
+.toc__menu {
+ li ul > li a {
+ padding-left: 0;
+ padding-right: 1.25rem;
+ }
+
+ li ul li ul > li a {
+ padding-left: 0;
+ padding-right: 1.75rem;
+ }
+
+ li ul li ul li ul > li a {
+ padding-left: 0;
+ padding-right: 2.25rem;
+ }
+
+ li ul li ul li ul li ul > li a {
+ padding-left: 0;
+ padding-right: 2.75rem;
+ }
+
+ li ul li ul li ul li ul li ul > li a {
+ padding-left: 0;
+ padding-right: 3.25rem;
+ }
+}

assets/css/main.scss

@@ -7,3 +7,4 @@ search: false
 
 @import "minimal-mistakes/skins/{{ site.minimal_mistakes_skin | default: 'default' }}"; // skin
 @import "minimal-mistakes"; // main partials
+{% if site.direction == "rtl" %}@import "rtl";{% endif %} // add right to left support