dbroqua/KNACSS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

IE9+ fix for grids and autogrids

Browse source
This commit is contained in:
Raphael Goetter 2014-05-09 10:54:30 +02:00
parent 7c7801c2f4
commit 37e6e30cdd
3 changed files with 24 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
css/02-grids.css
View file

@ -39,16 +39,17 @@
} }
/* whitespace fixing for modern browsers including IE9+ */ /* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for IE9+ */
/* 1- fallback for Opera Mini */ /* 2- fallback for Opera Mini */
:root .grid { :root .grid {
font-size: 0; font-size: 0;
text-justify: distribute-all-lines; /* 1 */
} }
:root .grid > * > * { :root .grid > * > * {
font-size: 14px; font-size: 14px;
/* 1 */ /* 2 */
font-size: 1.4rem; font-size: 1.4rem;
} }
@ -172,16 +173,17 @@
} }
/* whitespace fixing for modern browsers including IE9+ */ /* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for IE9+ */
/* 1- fallback for Opera Mini */ /* 2- fallback for Opera Mini */
:root [class*="autogrid"] { :root [class*="autogrid"] {
font-size: 0; font-size: 0;
text-justify: distribute-all-lines; /* 1 */
} }
:root [class*="autogrid"] > * { :root [class*="autogrid"] > * {
font-size: 14px; font-size: 14px;
/* 1 */ /* 2 */
font-size: 1.4rem; font-size: 1.4rem;
} }

12
less/02-grids.less
View file

@ -31,12 +31,14 @@
} }
/* whitespace fixing for modern browsers including IE9+ */ /* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for Opera Mini */ /* 1- fallback for IE9+ */
/* 2- fallback for Opera Mini */
:root .grid { :root .grid {
font-size: 0; font-size: 0;
text-justify: distribute-all-lines; /* 1 */
} }
:root .grid > * > * { :root .grid > * > * {
font-size: @base-font-size; /* 1 */ font-size: @base-font-size; /* 2 */
font-size: unit((@base-font-size / 10), rem); font-size: unit((@base-font-size / 10), rem);
} }
@ -151,13 +153,15 @@
} }
/* whitespace fixing for modern browsers including IE9+ */ /* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for Opera Mini */ /* 1- fallback for IE9+ */
/* 2- fallback for Opera Mini */
:root [class*="autogrid"] { :root [class*="autogrid"] {
font-size: 0; font-size: 0;
text-justify: distribute-all-lines; /* 1 */
} }
:root [class*="autogrid"] > * { :root [class*="autogrid"] > * {
font-size: @base-font-size; /* 1 */ font-size: @base-font-size; /* 2 */
font-size: unit((@base-font-size / 10), rem); font-size: unit((@base-font-size / 10), rem);
} }

12
sass/02-grids.scss
View file

@ -31,13 +31,15 @@
} }
/* whitespace fixing for modern browsers including IE9+ */ /* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for Opera Mini */ /* 1- fallback for IE9+ */
/* 2- fallback for Opera Mini */
:root .grid { :root .grid {
font-size: 0; font-size: 0;
text-justify: distribute-all-lines; /* 1 */
} }
:root .grid > * > * { :root .grid > * > * {
font-size: $base-font-size; /* 1 */ font-size: $base-font-size; /* 2 */
font-size: ($base-font-size / 10px) + rem; font-size: ($base-font-size / 10px) + rem;
} }
@ -152,13 +154,15 @@
} }
/* whitespace fixing for modern browsers including IE9+ */ /* whitespace fixing for modern browsers including IE9+ */
/* 1- fallback for Opera Mini */ /* 1- fallback for IE9+ */
/* 2- fallback for Opera Mini */
:root [class*="autogrid"] { :root [class*="autogrid"] {
font-size: 0; font-size: 0;
text-justify: distribute-all-lines; /* 1 */
} }
:root [class*="autogrid"] > * { :root [class*="autogrid"] > * {
font-size: $base-font-size; /* 1 */ font-size: $base-font-size; /* 2 */
font-size: ($base-font-size / 10px) + rem; font-size: ($base-font-size / 10px) + rem;
} }