KNACSS/sass/11-ie.scss
2014-05-04 15:48:00 +02:00

102 lines
2.0 KiB
SCSS

@import "00-config";
/* ----------------------------- */
/* ==IE6, IE7, IE8 support */
/* ----------------------------- */
// IE6, 7, 8 support boolean
@if $enable-ie678 == true {
$bf: $base-font-size / 1px;
/* IE678 support */
.ie678 h1, .ie678 .h1-like {
$val: $h1-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h2, .ie678 .h2-like {
$val: $h2-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h3, .ie678 .h3-like {
$val: $h3-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h4, .ie678 .h4-like {
$val: $h4-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h5, .ie678 .h5-like {
$val: $h5-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 h6, .ie678 .h6-like {
$val: $h6-size / 1rem;
$em : $val * 10 / $bf;
font-size: $em +0em;
}
.ie678 img {
width: auto; /* @bugfix for IE8 */
}
.ie678 .gm-style img {
height: 100%;
}
/* hasLayout for IE6/IE7 */
.clearfix,
.line,
.mod,
.row,
.col {
*zoom: 1;
}
/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.btn,
.col,
.inbl {
*display: inline;
*zoom: 1;
}
.visually-hidden {
*clip: rect(1px 1px 1px 1px);
}
/* IE8 grid hack */
.ie8 .grid > *,
.ie8 [class*="autogrid"] > * {
letter-spacing: -0.31em;
text-rendering: optimizespeed;
}
.ie8 .grid > * > *,
.ie8 [class*="autogrid"] > * > *{
letter-spacing: normal;
word-spacing: normal;
text-rendering: auto;
}
/* IE7 grid hack */
.grid > * > *,
[class*="autogrid"] > * > *{
*display: inline;
*zoom: 1;
}
/* forms */
input[type="checkbox"],
input[type="radio"] {
padding: 0; /* Corrects excess space around these inputs in IE8/9 */
}
textarea {
overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
}
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
/*
.ie67 * {
behavior: url(/lib/box-sizing-polyfill/boxsizing.htc);
}
*/
}