Little bit of gradients

Laborate · Jul 30, 2012 · c898145 · c898145
1 parent a7ac3e8
commit c898145
Showing 1 changed file with 38 additions and 0 deletions.
diff --git a/css3.less b/css3.less
@@ -162,3 +162,41 @@
     -moz-box-sizing: @box-sizing;
     box-sizing: @box-sizing;
 }
+
+
+//
+// Gradients
+// (in Compass it is part of Images framework)
+//
+.linear-gradient(@start, @stop) {
+    background: -webkit-gradient(
+                    linear,
+                    left top,
+                    left bottom,
+                    color-stop(0, @start),
+                    color-stop(1, @stop));
+
+    background: -ms-linear-gradient(
+                    top,
+                    @start,
+                    @stop);
+
+    background: -moz-linear-gradient(
+                    center top,
+                    @start 0%,
+                    @stop 100%);
+
+    background: linear-gradient(top, @start, @stop);
+}
+
+.linear-gradient(@start, @stop, @fallback) {
+    background: @fallback;
+    .linear-gradient(@start, @stop);
+}
+
+.linear-grayscale-gradient(@start: 0, @stop: 255, @fallback: black) {
+    @from: rgb(@start, @start, @start);
+    @to: rgb(@stop, @stop, @stop);
+
+    .linear-gradient(@from, @to, @fallback);
+}