Contents

<section id="linear-gradient-function">
  <h2>Linear Gradient <a class="view-source" href="https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_linear-gradient.scss">View source</a></h2>
  <p>Outputs a linear-gradient. Use in conjunction with the <a href="#background-image">background-image mixin.</a> The function takes the same arguments as the <a href="#linear-gradient">linear-gradient mixin</a>.</p>

{% highlight scss %}
@include background-image(linear-gradient(white 0, yellow 50%, transparent 50%));
{% endhighlight %}

<br>
<p>Optional variables can be passed to control the deprecated <code>-webkit-gradient()</code> function (iOS 4):
<br>
<code>$deprecated-pos1</code>, <code>$deprecated-pos2</code></p>

{% highlight scss %}
@include linear-gradient(#1e5799, #3dc3d1, $deprecated-pos1: left center, $deprecated-pos2: left top);
{% endhighlight %}

  <h3>Demo</h3>
  <section class="demo">
  </section>
</section>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
bourbon-2.1.0	_includes/linear-gradient-function.html