From 7c7801c2f4b2a09c50725ecc08fb0889342eeaa8 Mon Sep 17 00:00:00 2001 From: Raphael Goetter Date: Wed, 7 May 2014 21:32:09 +0200 Subject: [PATCH] box-sizing for IE6/IE7 --- css/11-ie.css | 5 ++++- less/11-ie.less | 27 +++++++++++++++------------ 2 files changed, 19 insertions(+), 13 deletions(-) diff --git a/css/11-ie.css b/css/11-ie.css index ba56f68..2d4acbd 100644 --- a/css/11-ie.css +++ b/css/11-ie.css @@ -4,6 +4,10 @@ /* ----------------------------- */ +.ie67 * { + behavior: url(/js/boxsizing.htc); +} + .ie678 h1, .ie678 .h1-like { font-size: 2.29em; @@ -36,7 +40,6 @@ .ie678 img { width: auto; - /* @bugfix for IE8 */ } .ie678 .gm-style img { diff --git a/less/11-ie.less b/less/11-ie.less index a0cc8f8..1facceb 100644 --- a/less/11-ie.less +++ b/less/11-ie.less @@ -4,7 +4,15 @@ /* ----------------------------- */ // IE6, 7, 8 support boolean & when (@enable-ie678 = true) { - /* IE678 support */ + + /* Active box-sizing for IE6/IE7 */ + /* @source https://github.com/Schepp/box-sizing-polyfill */ + + .ie67 * { + behavior: url(/js/boxsizing.htc); + } + + .ie678 h1, .ie678 .h1-like { @em: @h1-size * 10 / @base-font-size; font-size: unit(round(@em,2), em); @@ -35,8 +43,9 @@ font-size: unit(round(@em,2), em); } + /* @bugfix for IE8 */ .ie678 img { - width: auto; /* @bugfix for IE8 */ + width: auto; } .ie678 .gm-style img { @@ -52,8 +61,8 @@ *zoom: 1; } - /* inline-block and table-cell for IE6/IE7 */ - /* warning: .col needs width on IE6/IE7 */ + /*! inline-block and table-cell for IE6/IE7 */ + /*! warning: .col needs width on IE6/IE7 */ .btn, .col, .inbl { @@ -97,12 +106,6 @@ textarea { overflow: auto; } - - /* Active box-sizing for IE6/IE7 */ - /* @source https://github.com/Schepp/box-sizing-polyfill */ - /* - .ie67 * { - behavior: url(/lib/box-sizing-polyfill/boxsizing.htc); - } - */ + } +