Merge pull request #507 from alphagov/rtl-grids

Allow columns to be flipped for RTL content
alphagov · Dec 8, 2014 · b151426 · b151426
2 parents d0a5ad3 + 3378a69
commit b151426
Showing 1 changed file with 20 additions and 0 deletions.
diff --git 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 );
+    }
   }
 }