Contents

<section id="tint-shade">
  <h2>Tint &amp; Shade <a class="view-source" href="https://github.com/thoughtbot/bourbon/blob/master/app/assets/stylesheets/functions/_tint-shade.scss">View source</a></h2>
  <p>Tint and Shade are different from <code>lighten()</code> and <code>darken()</code> functions that are built into sass.</p>
  <p>Tint is a mix of color with white.<br>
     Shade is a mix of color with black.<br>
     Both take a color and a percent argument.</p>

{% highlight scss %}
background: tint(red, 40%);
background: shade(blue, 60%);
{% endhighlight %}

</section>

Version data entries

1 entries across 1 versions & 1 rubygems

Version	Path
bourbon-2.1.0	_includes/tint-shade.html