Less Web Development Essentials by Unknown

Author:Unknown
Language: eng
Format: mobi, pdf
Publisher: Packt Publishing

This will again become the following:

.class { color: #808080; }

This mixture will also be shown in the following image :

How a mixture of blue and yellow is presented using mix(blue, yellow, 50%)

Color blending with Less

The color blending functions calculate a new color based on two input colors, where functions apply basic operations such as subtraction on the color channels of the input colors. Available functions, also called blend modes, include multiply(), screen(), overlay(), softlight(), hardlight(), difference(), exclusion(), average(), and negation(). Users of layered image editors such as Photoshop or GIMP will recognize these functions.

The difference() function subtracts the second color from the first color on a channel-by-channel basis, as shown in the following code:

@color: difference(orange, red, 50%); .class { color: @color; }

Download

Copyright Disclaimer:
This site does not store any files on its server. We only index and link to content provided by other sites. Please contact the content providers to delete copyright contents if any and email us, we'll remove relevant links or contents immediately.