ff0000/caboose — pull request #1 by dannyx0 (2012-09-11 22:17:19+00:00)
Title: @fade-mask() mixin for creating fade masks.

Adds the following:

* `experimental-both()` for prefixing the property and value
* `mask-image()` prefixed `mask-image:` property that takes a gradient value
* `fading-gradient()` function for linear gradients
* `fade-mask()` for creating a fade mask (currently only works for webkit).

````scss
// Used like this:
.fadeable {
@include fade-mask(10, horizontal);
}
// Will generate:
.fadeable {
-webkit-mask-image: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, black), color-stop(90%, black), color-stop(100%, rgba(0, 0, 0, 0)));
-moz-mask-image: -moz-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, black), color-stop(90%, black), color-stop(100%, rgba(0, 0, 0, 0)));
-ms-mask-image: -ms-gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, black), color-stop(90%, black), color-stop(100%, rgba(0, 0, 0, 0)));
mask-image: gradient(linear, left top, right top, color-stop(0%, rgba(0, 0, 0, 0)), color-stop(10%, black), color-stop(90%, black), color-stop(100%, rgba(0, 0, 0, 0)));
}
````