From fd3e153cd9a9e279cbfddee1f0dce641bca8bf24 Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Sun, 20 Apr 2014 20:50:43 +0200 Subject: [PATCH] more booleans for IE fixing --- css/01-base.css | 8 +------- css/09-booleans.css | 6 ++++++ less/01-base.less | 6 +----- less/09-booleans.less | 8 +++++++- 4 files changed, 15 insertions(+), 13 deletions(-) diff --git a/css/01-base.css b/css/01-base.css index b68f0de..bb2666a 100644 --- a/css/01-base.css +++ b/css/01-base.css @@ -1,5 +1,5 @@ /*! -* www.KNACSS.com V2.9.3 (2014-02) @author: Raphael Goetter, Alsacreations +* www.KNACSS.com V2.9.4 (2014-04) @author: Raphael Goetter, Alsacreations * Licence WTFPL http://www.wtfpl.net/ */ /* ----------------------------- */ @@ -153,8 +153,6 @@ strong { /* hiding content */ .visually-hidden { position: absolute !important; - clip: rect(1px 1px 1px 1px); - /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; @@ -205,10 +203,6 @@ table { :not(.gm-style) img { height: auto; } -.ie678 .gm-style img { - height: 100%; - /* IE678 hack */ -} .gm-style img, .gmnoscreen img, .gmnoprint img { diff --git a/css/09-booleans.css b/css/09-booleans.css index 6aee6ee..5c36bd8 100644 --- a/css/09-booleans.css +++ b/css/09-booleans.css @@ -90,6 +90,9 @@ hr { width: auto; /* @bugfix for IE8 */ } +.ie678 .gm-style img { + height: 100%; +} /* hasLayout for IE6/IE7 */ .clearfix, .line, @@ -106,6 +109,9 @@ hr { *display: inline; *zoom: 1; } +.visually-hidden { + *clip: rect(1px 1px 1px 1px); +} /* Active box-sizing for IE6/IE7 */ /* @source https://github.com/Schepp/box-sizing-polyfill */ /* diff --git a/less/01-base.less b/less/01-base.less index 30cdee2..60a58e6 100644 --- a/less/01-base.less +++ b/less/01-base.less @@ -1,6 +1,6 @@ @import "00-config"; /*! -* www.KNACSS.com V2.9.3 (2014-02) @author: Raphael Goetter, Alsacreations +* www.KNACSS.com V2.9.4 (2014-04) @author: Raphael Goetter, Alsacreations * Licence WTFPL http://www.wtfpl.net/ */ @@ -140,7 +140,6 @@ strong { /* hiding content */ .visually-hidden { position: absolute !important; - clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); overflow: hidden; height: 1px; width: 1px; @@ -179,9 +178,6 @@ table { margin-bottom: 1.5em; } :not(.gm-style) img { height: auto; } -.ie678 .gm-style img { - height: 100%; /* IE678 hack */ -} .gm-style img, .gmnoscreen img, .gmnoprint img { diff --git a/less/09-booleans.less b/less/09-booleans.less index fc3384f..1e7ca49 100644 --- a/less/09-booleans.less +++ b/less/09-booleans.less @@ -88,7 +88,10 @@ } .ie678 img { width: auto; /* @bugfix for IE8 */ - } + } + .ie678 .gm-style img { + height: 100%; + } /* hasLayout for IE6/IE7 */ .clearfix, @@ -106,6 +109,9 @@ *display: inline; *zoom: 1; } + .visually-hidden { + *clip: rect(1px 1px 1px 1px); + } /* Active box-sizing for IE6/IE7 */ /* @source https://github.com/Schepp/box-sizing-polyfill */