0
0
mirror of https://github.com/twbs/bootstrap.git synced 2024-12-01 13:24:25 +01:00
This commit is contained in:
Chris Rebert 2014-04-25 10:43:30 -07:00
parent cbb645323d
commit d42b1a2d2d

View File

@ -76,7 +76,7 @@
{% highlight scss %} {% highlight scss %}
// Variables // Variables
@link-color: @brand-primary; @link-color: @brand-primary;
@link-color-hover: darken(@link-color, 15%); @link-hover-color: darken(@link-color, 15%);
// Usage // Usage
a { a {
@ -84,12 +84,12 @@ a {
text-decoration: none; text-decoration: none;
&:hover { &:hover {
color: @link-color-hover; color: @link-hover-color;
text-decoration: underline; text-decoration: underline;
} }
} }
{% endhighlight %} {% endhighlight %}
<p>Note that the <code>@link-color-hover</code> uses a function, another awesome tool from Less, to automagically create the right hover color. You can use <code>darken</code>, <code>lighten</code>, <code>saturate</code>, and <code>desaturate</code>.</p> <p>Note that the <code>@link-hover-color</code> uses a function, another awesome tool from Less, to automagically create the right hover color. You can use <code>darken</code>, <code>lighten</code>, <code>saturate</code>, and <code>desaturate</code>.</p>
<h3 id="less-variables-typography">Typography</h3> <h3 id="less-variables-typography">Typography</h3>
<p>Easily set your type face, text size, leading, and more with a few quick variables. Bootstrap makes use of these as well to provide easy typographic mixins.</p> <p>Easily set your type face, text size, leading, and more with a few quick variables. Bootstrap makes use of these as well to provide easy typographic mixins.</p>