From 37e6e30cdd301392b9c77047b7b6e9aec5f78b0e Mon Sep 17 00:00:00 2001
From: Raphael Goetter <raphael@goetter.fr>
Date: Fri, 9 May 2014 10:54:30 +0200
Subject: [PATCH] IE9+ fix for grids and autogrids

---
 css/02-grids.css   | 14 ++++++++------
 less/02-grids.less | 12 ++++++++----
 sass/02-grids.scss | 12 ++++++++----
 3 files changed, 24 insertions(+), 14 deletions(-)

diff --git a/css/02-grids.css b/css/02-grids.css
index 418e533..4edbedc 100644
--- a/css/02-grids.css
+++ b/css/02-grids.css
@@ -39,16 +39,17 @@
 }
 
 /* whitespace fixing for modern browsers including IE9+ */
-
-/* 1- fallback for Opera Mini */
+/* 1- fallback for IE9+ */
+/* 2- fallback for Opera Mini */
 
 :root .grid {
   font-size: 0;
+	text-justify: distribute-all-lines; /* 1 */
 }
 
 :root .grid > * > * {
   font-size: 14px;
-  /* 1 */
+  /* 2 */
   font-size: 1.4rem;
 }
 
@@ -172,16 +173,17 @@
 }
 
 /* whitespace fixing for modern browsers including IE9+ */
-
-/* 1- fallback for Opera Mini */
+/* 1- fallback for IE9+ */
+/* 2- fallback for Opera Mini */
 
 :root [class*="autogrid"] {
   font-size: 0;
+	text-justify: distribute-all-lines; /* 1 */
 }
 
 :root [class*="autogrid"] > * {
   font-size: 14px;
-  /* 1 */
+  /* 2 */
   font-size: 1.4rem;
 }
 
diff --git a/less/02-grids.less b/less/02-grids.less
index 262fcfb..73c2d70 100644
--- a/less/02-grids.less
+++ b/less/02-grids.less
@@ -31,12 +31,14 @@
 }
 
 /* whitespace fixing for modern browsers including IE9+ */
-/* 1- fallback for Opera Mini */
+/* 1- fallback for IE9+ */
+/* 2- fallback for Opera Mini */
 :root .grid {
 	font-size: 0;
+	text-justify: distribute-all-lines; /* 1 */
 }
 :root .grid > * > * {
-	font-size: @base-font-size; /* 1 */
+	font-size: @base-font-size; /* 2 */
 	font-size: unit((@base-font-size / 10), rem);
 }
 
@@ -151,13 +153,15 @@
 }
 
 /* whitespace fixing for modern browsers including IE9+ */
-/* 1- fallback for Opera Mini */
+/* 1- fallback for IE9+ */
+/* 2- fallback for Opera Mini */
 :root [class*="autogrid"] {
 	font-size: 0;
+	text-justify: distribute-all-lines; /* 1 */
 }
 
 :root [class*="autogrid"] > * {
-	font-size: @base-font-size; /* 1 */
+	font-size: @base-font-size; /* 2 */
 	font-size: unit((@base-font-size / 10), rem);
 }
 
diff --git a/sass/02-grids.scss b/sass/02-grids.scss
index a261810..210e12a 100644
--- a/sass/02-grids.scss
+++ b/sass/02-grids.scss
@@ -31,13 +31,15 @@
 }
 
 /* whitespace fixing for modern browsers including IE9+ */
-/* 1- fallback for Opera Mini */
+/* 1- fallback for IE9+ */
+/* 2- fallback for Opera Mini */
 :root .grid {
 	font-size: 0;
+	text-justify: distribute-all-lines; /* 1 */
 }
 
 :root .grid > * > * {
-	font-size: $base-font-size; /* 1 */
+	font-size: $base-font-size; /* 2 */
 	font-size: ($base-font-size / 10px) + rem;
 }
 
@@ -152,13 +154,15 @@
 }
 
 /* whitespace fixing for modern browsers including IE9+ */
-/* 1- fallback for Opera Mini */
+/* 1- fallback for IE9+ */
+/* 2- fallback for Opera Mini */
 :root [class*="autogrid"] {
 	font-size: 0;
+	text-justify: distribute-all-lines; /* 1 */
 }
 
 :root [class*="autogrid"] > * {
-	font-size: $base-font-size; /* 1 */
+	font-size: $base-font-size; /* 2 */
 	font-size: ($base-font-size / 10px) + rem;
 }