From 3378a6995f3a84e79e773aed155c2b1413907f42 Mon Sep 17 00:00:00 2001
From: Edd Sowden <e@e26.co.uk>
Date: Thu, 4 Dec 2014 11:05:47 +0000
Subject: [PATCH] Allow columns to be flipped for RTL content

For right to left locales the reading edge is on the other side of the
page. In reality this means that the most important content should be
against the right side of the page and the columns should be flipped.
This makes it easy to have all the columns on the page flipped by
adding a wrapping class to the page.
---
 app/assets/stylesheets/helpers/_layouts.scss | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/app/assets/stylesheets/helpers/_layouts.scss b/app/assets/stylesheets/helpers/_layouts.scss
index 919254326..8b027e606 100644
--- a/app/assets/stylesheets/helpers/_layouts.scss
+++ b/app/assets/stylesheets/helpers/_layouts.scss
@@ -10,18 +10,38 @@
 
   .column-quarter {
     @include grid-column( 1/4 );
+
+    .direction-rtl & {
+      @include grid-column( 1/4, $float: right );
+    }
   }
   .column-half {
     @include grid-column( 1/2 );
+
+    .direction-rtl & {
+      @include grid-column( 1/2, $float: right );
+    }
   }
   .column-three-quarters {
     @include grid-column( 3/4 );
+
+    .direction-rtl & {
+      @include grid-column( 3/4, $float: right );
+    }
   }
 
   .column-third {
     @include grid-column( 1/3 );
+
+    .direction-rtl & {
+      @include grid-column( 1/3, $float: right );
+    }
   }
   .column-two-thirds {
     @include grid-column( 2/3 );
+
+    .direction-rtl & {
+      @include grid-column( 2/3, $float: right );
+    }
   }
 }