Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Browse files

Update changelog for scale, set, and adjust renames to scale-color, c…

…hange-color, and adjust-color
  • Loading branch information...
commit e18890b4746317cad3919e6461554eb0415b12fc 1 parent 317ee92
@chriseppstein chriseppstein authored
Showing with 9 additions and 9 deletions.
  1. +9 −9 doc-src/SASS_CHANGELOG.md
View
18 doc-src/SASS_CHANGELOG.md
@@ -62,33 +62,33 @@ that use keywords to encompass a large amount of functionality in one function.
* The {Sass::Script::Functions#adjust adjust} function works like the old
`lighten`, `saturate`, and `adjust-hue` methods.
It increases and/or decreases the values of a color's properties by fixed amounts.
- For example, `adjust($color, $lightness: 10%)` is the same as `lighten($color, 10%)`:
+ For example, `adjust-color($color, $lightness: 10%)` is the same as `lighten($color, 10%)`:
it returns `$color` with its lightness increased by 10%.
-* The {Sass::Script::Functions#scale scale} function
+* The {Sass::Script::Functions#scale_color scale_color} function
is similar to {Sass::Script::Functions#adjust adjust},
but instead of increasing and/or decreasing a color's properties by fixed amounts,
it scales them fluidly by percentages.
The closer the percentage is to 100% (or -100%),
the closer the new property value will be to its maximum (or minimum).
- For example, `scale(hsl(120, 70, 80), $lightness: 50%)`
+ For example, `scale-color(hsl(120, 70, 80), $lightness: 50%)`
will change the lightness from 80% to 90%,
because 90% is halfway between 80% and 100%.
- Similarly, `scale(hsl(120, 70, 50), $lightness: 50%)`
+ Similarly, `scale-color(hsl(120, 70, 50), $lightness: 50%)`
will change the lightness from 50% to 75%.
-* The {Sass::Script::Functions#set set} function simply sets a color's properties
+* The {Sass::Script::Functions#change_color change-color} function simply changes a color's properties
regardless of their old values.
- For example `set($color, $lightness: 10%)` returns `$color` with 10% lightness,
- and `set($color, $alpha: 0.7)` returns color with opacity 0.7.
+ For example `change-color($color, $lightness: 10%)` returns `$color` with 10% lightness,
+ and `change-color($color, $alpha: 0.7)` returns color with opacity 0.7.
Each keyword function accepts `$hue`, `$saturation`, `$value`,
`$red`, `$green`, `$blue`, and `$alpha` keywords,
-with the exception of `scale()` which doesn't accept `$hue`.
+with the exception of `scale-color()` which doesn't accept `$hue`.
These keywords modify the respective properties of the given color.
Each keyword function can modify multiple properties at once.
-For example, `adjust($color, $lightness: 15%, $saturation: -10%)`
+For example, `adjust-color($color, $lightness: 15%, $saturation: -10%)`
both lightens and desaturates `$color`.
HSL properties cannot be modified at the same time as RGB properties, though.
Please sign in to comment.
Something went wrong with that request. Please try again.