diff --git a/docs/_includes/css/less.html b/docs/_includes/css/less.html index b6d46da29f..c071533188 100644 --- a/docs/_includes/css/less.html +++ b/docs/_includes/css/less.html @@ -76,7 +76,7 @@ {% highlight scss %} // Variables @link-color: @brand-primary; -@link-color-hover: darken(@link-color, 15%); +@link-hover-color: darken(@link-color, 15%); // Usage a { @@ -84,12 +84,12 @@ a { text-decoration: none; &:hover { - color: @link-color-hover; + color: @link-hover-color; text-decoration: underline; } } {% endhighlight %} -
Note that the @link-color-hover
uses a function, another awesome tool from Less, to automagically create the right hover color. You can use darken
, lighten
, saturate
, and desaturate
.
Note that the @link-hover-color
uses a function, another awesome tool from Less, to automagically create the right hover color. You can use darken
, lighten
, saturate
, and desaturate
.
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.