box-sizing for IE6/IE7
This commit is contained in:
parent
aaeddb4287
commit
7c7801c2f4
2 changed files with 19 additions and 13 deletions
|
@ -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 {
|
||||||
|
|
|
@ -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);
|
|
||||||
}
|
|
||||||
*/
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
Loading…
Reference in a new issue