Enable RTL layout by providing 'rtl = true' in the config (#72)

assets/scss/_base_rtl.scss

@@ -0,0 +1,23 @@
+body.rtl {
+  direction: rtl;
+
+  pre {
+    direction: ltr;
+  }
+
+  blockquote {
+    border-left: none;
+    border-right: 2px solid $alt-bg-color;
+    padding-left: 0;
+    padding-right: 1.6rem;
+  }
+
+  table tr td:first-child,
+  table tr th:first-child {
+    border-right: 0;
+  }
+  table tr td:last-child,
+  table tr th:last-child {
+    border-left: 0;
+  }
+}

assets/scss/_colors.scss

@@ -0,0 +1,6 @@
+// Colors
+$bg-color: #fefefe !default;
+$fg-color: #323232 !default;
+$alt-bg-color: #dcdcdc !default;
+$alt-fg-color: #000 !default;
+$link-color: #3366CC !default;

assets/scss/_content.scss

@@ -46,8 +46,6 @@
         width: 20.0rem;
         text-align: right;
         margin-right: 3.0rem;
-        text-align: right;
-        margin-right: 3.0rem;
         @media only screen and (max-device-width : 768px) {
           display: block;
           text-align: left;

assets/scss/_content_rtl.scss

@@ -0,0 +1,16 @@
+body.rtl {
+  .list {
+    ul {
+      li {
+        span {
+          text-align: left;
+          margin-left: 3.0rem;
+          margin-right: 0;
+          @media only screen and (max-device-width : 768px) {
+            text-align: right;
+          }
+        }
+      }
+    }
+  }
+}

assets/scss/_navigation_rtl.scss

@@ -0,0 +1,13 @@
+body.rtl {
+  .navigation-list {
+    float: left;
+    @media only screen and (max-device-width : 768px) {
+      left: 0;
+      right: auto;
+    }
+  }
+
+  .navigation-item {
+    float: right;
+  }
+}

assets/scss/coder-rtl.scss

@@ -0,0 +1,4 @@
+@import "_colors";
+@import "_base_rtl";
+@import "_content_rtl";
+@import "_navigation_rtl";

assets/scss/coder.scss

@@ -1,10 +1,4 @@
-// Colors
-$bg-color: #fefefe !default;
-$fg-color: #323232 !default;
-$alt-bg-color: #dcdcdc !default;
-$alt-fg-color: #000 !default;
-$link-color: #3366CC !default;
-
+@import "_colors";
 @import "_base";
 @import "_content";
 @import "_navigation";