Subject: An overview of {less} and a crash course in usage, presented at the Drupal Design Camp Berlin 2011.
Note: Licensed All Rights Reserved due to the images taken by others. All text is CC Attribution Share-alike.
60. Colour operations
1 lighten(@color, 10%); // a color 10% *lighter*
2 darken(@color, 10%); // a color 10% *darker*
3
4 saturate(@color, 10%); // a color 10% *more* saturated
5 desaturate(@color, 10%); // a color 10% *less* saturated
6
7 fadein(@color, 10%); // a color 10% *less* transparent
8 fadeout(@color, 10%); // a color 10% *more* transparent
9
10 spin(@color, -10%); // return a color with a 10 degree
larger in hue than @color
11 spin(@color, 10%); // return a color with a 10 degree
smaller hue than @color
61. Huh?
Colors are first converted to the
HSL color-space
And then manipulated at the channel level