Support for right-to-left (rtl) languages

sass/_theme_badge.sass

@@ -2,6 +2,9 @@
   position: fixed
   bottom: 0
   left: 0
+  \:dir(rtl) &
+    left: inherit
+    right: 0
   width: $nav-desktop-width
   color: $section-background-color
   background: darken($menu-background-color, 8%)
@@ -17,6 +20,8 @@
     background-color: darken($menu-background-color, 5%)
     display: block
     text-align: right
+    \:dir(rtl) &
+      text-align: left
     font-size: 90%
     cursor: pointer
     color: $green
@@ -25,8 +30,12 @@
       color: $section-background-color
     .fa-book
       float: left
+      \:dir(rtl) &
+        float: right
     .icon-book
       float: left
+      \:dir(rtl) &
+        float: right
     &.rst-out-of-date
       background-color: $red
       color: $white
@@ -63,6 +72,9 @@
     bottom: 20px
     right: 20px
     left: auto
+    \:dir(rtl) &
+      left: 20px
+      right: auto
     border: none
     max-width: $nav-desktop-width
     max-height: 90%
@@ -72,10 +84,16 @@
       float: none
     &.shift-up .rst-current-version
       text-align: right
+      \:dir(rtl) &
+        text-align: left
       .fa-book
         float: left
+        \:dir(rtl) &
+          float: right
       .icon-book
         float: left
+        \:dir(rtl) &
+          float: right
     .rst-current-version
       width: auto
       height: 30px

sass/_theme_badge_fa.sass

@@ -27,6 +27,9 @@ li
 ul.fas
   list-style-type: none
   margin-left: 2em
+  \:dir(rtl) &
+    margin-left: inherit
+    margin-right: 2em
   text-indent: -0.8em
   li
     .fa
@@ -57,12 +60,20 @@ ul.fas
 
 .fa-caret-left:before
   content: "\f0d9"
+  \:dir(rtl) &
+    content: "\f0da"
 
 .icon-caret-left:before
   content: "\f0d9"
+  \:dir(rtl) &
+    content: "\f0da"
 
 .fa-caret-right:before
   content: "\f0da"
+  \:dir(rtl) &
+    content: "\f0d9"
 
 .icon-caret-right:before
   content: "\f0da"
+  \:dir(rtl) &
+    content: "\f0d9"

sass/_theme_breadcrumbs.sass

@@ -5,11 +5,16 @@
   display: inline-block
   &.wy-breadcrumbs-aside
     float: right
+    \:dir(rtl) &
+        float: left
   a
     display: inline-block
     padding: 5px
     &:first-child
       padding-left: 0
+      \:dir(rtl) &
+        padding-right: 0
+        padding-left: inherit
   code
     padding: 5px
     border: none

sass/_theme_font_awesome_compatibility.sass

@@ -1,3 +1,9 @@
+.fa-ul
+  :dir(rtl) &
+    padding-left: inherit
+    margin-left: inherit
+    padding-right: 0
+    margin-right: $fa-li-width
 .icon
   @extend .fa
 .icon-home
@@ -16,9 +22,33 @@
   @extend .fa-gitlab
 .icon-fire
   @extend .fa-fire
+.fa-arrow-circle-right
+  :dir(rtl) &
+    @extend .fa-arrow-circle-left
 .icon-circle-arrow-right
   @extend .fa-arrow-circle-right
+.fa-arrow-circle-left
+  :dir(rtl) &
+    @extend .fa-arrow-circle-right
 .icon-circle-arrow-left
   @extend .fa-arrow-circle-left
 .icon-link
   @extend .fa-link
+
+.fa-arrow-circle-right:before
+  content: "\f0a9"
+  \:dir(rtl) &
+    content: "\f0a8"
+
+.fa-arrow-circle-left:before
+  content: "\f0a8"
+  \:dir(rtl) &
+    content: "\f0a9"
+
+.float-left
+  \:dir(rtl) &
+    float: right
+
+.float-right
+  \:dir(rtl) &
+    float: left

sass/_theme_layout.sass

@@ -10,17 +10,69 @@ html
   a:hover
     text-decoration: none
 
+.wy-dropdown-menu
+  :dir(rtl) &
+    float: right
+  .wy-dropdown.wy-dropdown-left
+    :dir(rtl) &
+      text-align: left
+
+.wy-form-aligned
+  .wy-control-group>label
+    :dir(rtl) &
+      float: right
+      margin: $base-line-height / 4 0 $base-line-height / 2
+  .wy-control
+    :dir(rtl) &
+      float: right
+
+.wy-control-group
+  .wy-form-full
+    :dir(rtl) &
+      float: right
+      margin-left:2.35765%;
+      margin-left:0;
+      margin-right:inherit
+    &:last-child
+      :dir(rtl) &
+        margin-left: 0
+        margin-right: inherit
+  .wy-form-halves
+    :dir(rtl) &
+      float: right
+    &:last-child, &:nth-of-type(2n)
+      :dir(rtl) &
+        margin-right:inherit
+        margin-left: 0
+    &:nth-of-type(2n+1)
+      :dir(rtl) &
+        clear: right
+    .wy-form-thirds
+      float:right
+      margin-left:2.35765%
+      margin-right:inherit
+      &:last-child, :nth-of-type(3n)
+        :dir(rtl) &
+          margin-left: 0
+          margin-right: inherit
+
 .wy-menu-horiz
   +clearfix
   ul, li
     display: inline-block
   li:hover
     background: rgba(255,255,255,.1)
   li
-    &.divide-left
+    &.divide-left, &:dir(rtl) .divide-right
       border-left: solid 1px hsl(0, 0%, 25%)
+      \:dir(rtl) &
+        border-left: inherit
+        border-right: solid 1px hsl(0, 0%, 25%)
     &.divide-right
       border-right: solid 1px hsl(0, 0%, 25%)
+      \:dir(rtl) &
+        border-right: inherit
+        border-left: solid 1px hsl(0, 0%, 25%)
   a
     height: $base-font-size * 2
     display: inline-block
@@ -37,6 +89,8 @@ html
     line-height: $base-font-size * 2
     padding: 0 $gutter
     margin: $base-line-height / 2 0 0 0
+    \:dir(rtl) &
+        margin: 0 0 $base-line-height / 2 0
     display: block
     font-weight: bold
     text-transform: uppercase
@@ -55,6 +109,9 @@ html
       a
         color: $menu-link-medium
         border-right: solid 1px darken($menu-vertical-background-color, 20%)
+        \:dir(rtl) &
+            border-right: inherit
+            border-left: solid 1px darken($menu-vertical-background-color, 20%)
         padding: $gutter / 4 $gutter * 1.5
         &:hover
           background: darken($menu-vertical-background-color, 15%)
@@ -69,6 +126,10 @@ html
       display: block
       float: left
       margin-left: -1.2em
+      \:dir(rtl) &
+        float: right
+        margin-right: -1.2em
+        margin-left: inherit
       @extend .fa
       @extend .fa-plus-square-o
       font-size: .8em
@@ -84,6 +145,9 @@ html
     background: $menu-vertical-background-color
     border: none
     padding-left: $gutter -4px
+    \:dir(rtl) &
+      padding-left: inherit
+      padding-right: $gutter -4px
     +font-smooth
     &:hover
       background: $menu-vertical-background-color
@@ -239,14 +303,23 @@ html
   &.move-center
     left: 0
     right: auto
+    \:dir(rtl) &
+      right: 0
+      left: auto
     opacity: 1
   &.move-left
     right: auto
     left: -100%
+    \:dir(rtl) &
+      right: -100%
+      left: auto
     opacity: 0
   &.move-right
     right: -100%
     left: auto
+    \:dir(rtl) &
+      left: -100%
+      right: auto
     opacity: 0
 
 
@@ -263,6 +336,9 @@ html
   top: 0
   bottom: 0
   left: 0
+  \:dir(rtl) &
+    left: inherit
+    right: 0
   padding-bottom: 2em
   width: $nav-desktop-width
   overflow-x: hidden
@@ -295,6 +371,9 @@ html
     +font-smooth
   img
     margin-right: $base-line-height / 2
+    \:dir(rtl) &
+      margin-left: $base-line-height / 2
+      margin-right: inherit
     height: 45px
     width: 45px
     background-color: $menu-logo-color
@@ -303,11 +382,16 @@ html
   i
     font-size: 30px
     float: left
+    \:dir(rtl) &
+      float: right
     cursor: pointer
     padding-top: inherit
 
 .wy-nav-content-wrap
   margin-left: $nav-desktop-width
+  \:dir(rtl) &
+    margin-left: inherit
+    margin-right: $nav-desktop-width
   background: $section-background-color
   min-height: 100%
 
@@ -365,6 +449,14 @@ footer
 
 .genindextable li > ul
     margin-left: $base-line-height
+    \:dir(rtl) &
+      margin-left: inherit
+      margin-right: $base-line-height
+
+article ul li, article ol li, .wy-plain-list-disc li, .wy-plain-list-decimal li
+  \:dir(rtl) &
+    margin-left: inherit
+    margin-right: $base-line-height
 
 +media($tablet)
   .wy-body-for-nav
@@ -374,11 +466,22 @@ footer
   .wy-nav-side
     @if $nav-desktop-position == left
       left: -$nav-desktop-width
+      :dir(rtl) &
+        left: inherit
+        right: -$nav-desktop-width
     @else
       right: -$nav-desktop-width
+    \:dir(rtl) &
+      @if $nav-desktop-position == right
+        left: -$nav-desktop-width
+      @else
+        right: -$nav-desktop-width
     &.shift
       width: 85%
       left: 0
+      \:dir(rtl) &
+        left: inherit
+        right: 0
   .wy-side-scroll
     width: auto
   .wy-side-nav-search
@@ -387,12 +490,18 @@ footer
     width: auto
   .wy-nav-content-wrap
     margin-left: 0
+    \:dir(rtl) &
+      margin-left: inherit
+      margin-right: 0
     .wy-nav-content
       padding: $gutter
     &.shift
       position: fixed
       min-width: 100%
       left: 85%
+      \:dir(rtl) &
+        left: inherit
+        right: 85%
       top: 0
       height: 100%
       overflow: hidden
@@ -409,3 +518,6 @@ footer
     display: none
   .wy-nav-content-wrap
     margin-left: 0
+    \:dir(rtl) &
+      margin-right: 0
+      margin-left: inherit