Plain gradient example

jakearchibald · Oct 12, 2012 · dd4ac25 · dd4ac25
1 parent f3f872e
commit dd4ac25
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 11 deletions.
diff --git a/linear-gradient/index.html b/linear-gradient/index.html
@@ -4,9 +4,6 @@
 		<link rel="stylesheet" href="style/all.css">
 	</head>
 	<body>
-		<p>Horizontal gradient from #f07 left to transparent right:</p>
 		<div class="gradient-1"></div>
-		<p>Horizontal gradient from #f07 top to transparent bottom:</p>
-		<div class="gradient-2"></div>
 	</body>
 </html>
diff --git a/linear-gradient/style/_components.scss b/linear-gradient/style/_components.scss
@@ -1,11 +1,9 @@
 // Gradient tests
-	.gradient-1,
-	.gradient-2 {
-		height: 200px;
-	}
 	.gradient-1 {
-		@include linear-gradient-inc-ie(to right, green, rgba(green, 0));
-	}
-	.gradient-2 {
-
+		position: absolute;
+		top: 0;
+		left: 0;
+		width: 100%;
+		height: 100%;
+		@include linear-gradient(to bottom right, purple, orange);
 	}
diff --git a/linear-gradient/style/_utils.scss b/linear-gradient/style/_utils.scss
@@ -45,6 +45,7 @@
 			endColorstr=#{ie-hex-str($to)},
 			GradientType=#{if($to-direction == (to right), 1, 0)}
 		);
+		zoom: 1;
 	}
 	@else {
 		@warn "IE doesn't support direction " + $to-direction;