Cacher is the code snippet organizer for pro developers

// This mixin allows to use CSS Gradient Background
// to use, simply set two HEX colors e.g.
// @include linear-gradient($colorFrom, $colorTo);

@mixin linear-gradient($colorFrom, $colorTo) {
    background: $colorTo;
    background: -moz-linear-gradient(top, $colorFrom 0%, $colorTo 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,$colorFrom), color-stop(100%,$colorTo));
    background: -webkit-linear-gradient(top, $colorFrom 0%,$colorTo 100%);
    background: -o-linear-gradient(top, $colorFrom 0%,$colorTo 100%);
    background: linear-gradient(to bottom, $colorFrom 0%,$colorTo 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0, startColorstr=#{$colorFrom}, endColorstr=#{$colorTo})
}