KNACSS/sass/11-ie.scss
2014-05-07 11:33:47 +02:00

139 lines
2.1 KiB
SCSS

@import "00-config";
/* ----------------------------- */
/* ==IE6, IE7, IE8 support */
/* ----------------------------- */
/**
* Internet Explorer 6, 7 and 8
* Only output when `$enable-ie678` is true
*/
@if $enable-ie678 == true {
$bf: $base-font-size / 1px;
.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;
}
/**
* Bugfix for IE8
*/
.ie678 img {
width: auto;
}
.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
* 1. Corrects excess space around these inputs in IE8/9
* 2. Removes default vertical scrollbar on empty textarea in IE6/7/8/9
*/
input[type="checkbox"],
input[type="radio"] {
padding: 0;
}
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);
}
*/
}