box-sizing for IE6/IE7

This commit is contained in:
Raphael Goetter 2014-05-07 21:32:09 +02:00
parent aaeddb4287
commit 7c7801c2f4
2 changed files with 19 additions and 13 deletions

View file

@ -4,6 +4,10 @@
/* ----------------------------- */ /* ----------------------------- */
.ie67 * {
behavior: url(/js/boxsizing.htc);
}
.ie678 h1, .ie678 h1,
.ie678 .h1-like { .ie678 .h1-like {
font-size: 2.29em; font-size: 2.29em;
@ -36,7 +40,6 @@
.ie678 img { .ie678 img {
width: auto; width: auto;
/* @bugfix for IE8 */
} }
.ie678 .gm-style img { .ie678 .gm-style img {

View file

@ -4,7 +4,15 @@
/* ----------------------------- */ /* ----------------------------- */
// IE6, 7, 8 support boolean // IE6, 7, 8 support boolean
& when (@enable-ie678 = true) { & 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 { .ie678 h1, .ie678 .h1-like {
@em: @h1-size * 10 / @base-font-size; @em: @h1-size * 10 / @base-font-size;
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
@ -35,8 +43,9 @@
font-size: unit(round(@em,2), em); font-size: unit(round(@em,2), em);
} }
/* @bugfix for IE8 */
.ie678 img { .ie678 img {
width: auto; /* @bugfix for IE8 */ width: auto;
} }
.ie678 .gm-style img { .ie678 .gm-style img {
@ -52,8 +61,8 @@
*zoom: 1; *zoom: 1;
} }
/* inline-block and table-cell for IE6/IE7 */ /*! inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */ /*! warning: .col needs width on IE6/IE7 */
.btn, .btn,
.col, .col,
.inbl { .inbl {
@ -97,12 +106,6 @@
textarea { textarea {
overflow: auto; 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);
}
*/
} }