From 37e6e30cdd301392b9c77047b7b6e9aec5f78b0e Mon Sep 17 00:00:00 2001 From: Raphael Goetter 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; }