Readd layout reverse modifier

2017-04-25 10:13:13 -04:00
parent 6711fb7010
commit 61d875f52d
1 changed files with 10 additions and 1 deletions
--- a/assets/styles/objects/_layout.scss
+++ b/assets/styles/objects/_layout.scss
@@ -58,6 +58,10 @@
    &.-right {
        text-align: right;
    }
+
+    &.-reverse {
+        direction: rtl;
+    }
 }

 .o-layout_item {
@@ -83,7 +87,12 @@

    // Horizontal aligment modifiers
    .o-layout.-center > &,
-    .o-layout.-right > & {
+    .o-layout.-right > &,
+    .o-layout.-reverse > & {
        text-align: left;
    }
+
+    .o-layout.-reverse > & {
+        direction: ltr;
+    }
 }