Takes up to 10 gradients. See also the background-image mixin.
This mixin will output a fallback background-color: #first-color;
declaration. A $fallback
argument can be passed to change the fallback color.
{% highlight scss %}
@include radial-gradient(#1e5799, #3dc3d1);
@include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef);
@include radial-gradient(50% 50%, circle cover, #eee 10%, #1e5799 30%, #efefef, $fallback: red);
{% endhighlight %}
Optional variables can be passed to control the deprecated -webkit-gradient()
function (iOS 4):
$deprecated-pos1
, $deprecated-pos2
, $deprecated-radius1
, $deprecated-radius2
{% highlight scss %}
@include radial-gradient(#1e5799, #3dc3d1,
$deprecated-pos1: left center, $deprecated-pos2: left top,
$deprecated-radius1: 50, $deprecated-radius2: 360);
{% endhighlight %}
Demo