Initial commit of RTL support

5 files changed, 21 insertions, 7 deletions

diff --git a/src/_calendars.scss b/src/_calendars.scss
index e94bb39..a05621f 100644
--- a/src/_calendars.scss
+++ b/src/_calendars.scss
@@ -4,7 +4,6 @@
   border-radius: $border-radius;
   display: block;
   min-width: 280px;
-  text-align: center;
 
   .calendar-nav {
     align-items: center;
@@ -34,6 +33,7 @@
     border-bottom: $border-width solid $border-color;
     color: $gray-color;
     font-size: $font-size-sm;
+    text-align: center;
   }
 
   .calendar-body {
@@ -196,7 +196,6 @@
       margin: $unit-h auto;
       overflow: hidden;
       padding: 3px 4px;
-      text-align: left;
       text-overflow: ellipsis;
       white-space: nowrap;
     }
diff --git a/src/_modals.scss b/src/_modals.scss
index 9a29eb6..59a7e4e 100644
--- a/src/_modals.scss
+++ b/src/_modals.scss
@@ -62,7 +62,6 @@
   border-radius: $border-radius;
   display: block;
   padding: 0 $unit-4;
-  text-align: left;
 
   .modal-header {
     padding: $unit-4;
diff --git a/src/_off-canvas.scss b/src/_off-canvas.scss
index 5adb1c7..27dd7cd 100644
--- a/src/_off-canvas.scss
+++ b/src/_off-canvas.scss
@@ -10,24 +10,33 @@ $off-canvas-breakpoint: $size-lg !default;
 
   .off-canvas-toggle {
     display: block;
-    left: $layout-spacing;
     position: absolute;
     top: $layout-spacing;
     transition: none;
     z-index: $zindex-0;
+    @if $rtl == true {
+      right: $layout-spacing;
+    } @else {
+      left: $layout-spacing;
+    }
   }
 
   .off-canvas-sidebar {
     background: $bg-color;
     bottom: 0;
-    left: 0;
     min-width: 10rem;
     overflow-y: auto;
     position: fixed;
     top: 0;
-    transform: translateX(-100%);
     transition: transform .25s ease;
     z-index: $zindex-2;
+    @if $rtl == true {
+      right: 0;
+      transform: translateX(100%);
+    } @else {
+      left: 0;
+      transform: translateX(-100%);
+    }
   }
 
   .off-canvas-content {
diff --git a/src/_tables.scss b/src/_tables.scss
index 074301f..732718c 100644
--- a/src/_tables.scss
+++ b/src/_tables.scss
@@ -2,8 +2,12 @@
 .table {
   border-collapse: collapse;
   border-spacing: 0;
-  text-align: left;
   width: 100%;
+  @if $rtl == true {
+    text-align: right;
+  } @else {
+    text-align: left;
+  }
 
   &.table-striped {
     tbody {
diff --git a/src/_variables.scss b/src/_variables.scss
index 7ab172c..87fd981 100644
--- a/src/_variables.scss
+++ b/src/_variables.scss
@@ -1,6 +1,9 @@
 // Core variables
 $version: "0.5.1";
 
+// Core features
+$rtl: false !default;
+
 // Core colors
 $primary-color: #5755d9 !default;
 $primary-color-dark: darken($primary-color, 3%) !default;