Sass version !

sass/11-ie.scss

@@ -0,0 +1,102 @@
+@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);
+	}
+	*/
+}