property color widget property 0ee background- property 999 round ceil

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
@property: color;
.widget {
@{property}: #0ee;
background-@{property}: #999;
}
round(), ceil(), floor() и percentage(). В
lighten(@color, 10%); // возвращает цвет, который на 10% светлее, чем @color
darken(@color, 10%); // возвращает цвет, который на 10% темнее, чем @color
saturate(@color, 10%); // возвращает цвет, который на 10% более насыщенный, чем @color
desaturate(@color, 10%); // возвращает цвет, который на 10% менее насыщенный, чем @color
fadein(@color, 10%); // возвращает цвет, который на 10% менее прозрачен, чем @color
fadeout(@color, 10%); // возвращает цвет, который на 10% более прозрачен, чем @color
fade(@color, 50%); // возвращает @color с 50%-ной прозрачностью
spin(@color, 10); // возвращает цвет с оттенком в 10 раз большим, чем @color
spin(@color, -10); // возвращает цвет с оттенком в 10 раз меньшим, чем @color
mix(@color1, @color2); // возвращает микс цветов @color1 и @color2