4
color: _color("evil red"); // #660000
6
height: undefined("self");
7
border-width: add(2, 3);
8
variable: increment(@var);
9
background: linear-gradient(@colors);
14
escaped: e("-Some::weird(#thing, y)");
15
lighten: lighten(#ff0000, 40%);
16
darken: darken(#ff0000, 40%);
17
saturate: saturate(#29332f, 20%);
18
desaturate: desaturate(#203c31, 20%);
19
greyscale: greyscale(#203c31);
20
hsl-clamp: hsl(380, 150%, 150%);
21
spin-p: spin(hsl(340, 50%, 50%), 40);
22
spin-n: spin(hsl(30, 50%, 50%), -40);
23
luma-white: luma(#fff);
24
luma-black: luma(#000);
25
luma-black-alpha: luma(rgba(0,0,0,0.5));
26
luma-red: luma(#ff0000);
27
luma-green: luma(#00ff00);
28
luma-blue: luma(#0000ff);
29
luma-yellow: luma(#ffff00);
30
luma-cyan: luma(#00ffff);
31
luma-white-alpha: luma(rgba(255,255,255,0.5));
32
contrast-filter: contrast(30%);
33
saturate-filter: saturate(5%);
34
contrast-white: contrast(#fff);
35
contrast-black: contrast(#000);
36
contrast-red: contrast(#ff0000);
37
contrast-green: contrast(#00ff00);
38
contrast-blue: contrast(#0000ff);
39
contrast-yellow: contrast(#ffff00);
40
contrast-cyan: contrast(#00ffff);
41
contrast-light: contrast(#fff, #111111, #eeeeee);
42
contrast-dark: contrast(#000, #111111, #eeeeee);
43
contrast-wrongorder: contrast(#fff, #eeeeee, #111111, 0.5);
44
contrast-light-thresh: contrast(#fff, #111111, #eeeeee, 0.5);
45
contrast-dark-thresh: contrast(#000, #111111, #eeeeee, 0.5);
46
contrast-high-thresh: contrast(#555, #111111, #eeeeee, 0.6);
47
contrast-low-thresh: contrast(#555, #111111, #eeeeee, 0.1);
48
contrast-light-thresh-per: contrast(#fff, #111111, #eeeeee, 50%);
49
contrast-dark-thresh-per: contrast(#000, #111111, #eeeeee, 50%);
50
contrast-high-thresh-per: contrast(#555, #111111, #eeeeee, 60%);
51
contrast-low-thresh-per: contrast(#555, #111111, #eeeeee, 10%);
52
replace: replace("Hello, Mars.", "Mars\.", "World!");
53
replace-captured: replace("This is a string.", "(string)\.$", "new $1.");
54
replace-with-flags: replace("One + one = 4", "one", "2", "gi");
55
replace-single-quoted: replace('foo-1', "1", "2");
56
replace-escaped-string: replace(~"bar-1", "1", "2");
57
replace-keyword: replace(baz-1, "1", "2");
58
format: %("rgb(%d, %d, %d)", @r, 128, 64);
59
format-string: %("hello %s", "world");
60
format-multiple: %("hello %s %d", "earth", 2);
61
format-url-encode: %("red is %A", #ff0000);
62
format-single-quoted: %('hello %s', "single world");
63
format-escaped-string: %(~"hello %s", "escaped world");
64
eformat: e(%("rgb(%d, %d, %d)", @r, 128, 64));
67
unit: unit((13px + 1px), em);
68
unitpercentage: unit(100, %);
70
get-unit: get-unit(10px);
71
get-unit-empty: get-unit(10);
73
hue: hue(hsl(98, 12%, 95%));
74
saturation: saturation(hsl(98, 12%, 95%));
75
lightness: lightness(hsl(98, 12%, 95%));
76
hsvhue: hsvhue(hsv(98, 12%, 95%));
77
hsvsaturation: hsvsaturation(hsv(98, 12%, 95%));
78
hsvvalue: hsvvalue(hsv(98, 12%, 95%));
82
rounded: round((@r/3));
83
rounded-two: round((@r/3), 2);
84
roundedpx: round((10px / 3));
85
roundedpx-three: round((10px / 3), 3);
86
rounded-percentage: round(10.2%);
91
mod: mod(13m, 11cm); // could take into account units, doesn't at the moment
96
atan: atan(tan(0.1rad));
97
atan: convert(acos(cos(34deg)), deg);
98
atan: convert(acos(cos(50grad)), deg);
107
max: max(3em, 1em, 2em, 5em);
108
percentage: percentage((10px / 50));
109
color: color("#ff0011");
110
tint: tint(#777777, 13);
111
tint-full: tint(#777777, 100);
112
tint-percent: tint(#777777, 13%);
113
tint-negative: tint(#777777, -13%);
114
shade: shade(#777777, 13);
115
shade-full: shade(#777777, 100);
116
shade-percent: shade(#777777, 13%);
117
shade-negative: shade(#777777, -13%);
119
fade-out: fadeOut(red, 5%); // support fadeOut and fadeout
120
fade-in: fadein(fadeout(red, 10%), 5%);
122
hsv: hsv(5, 50%, 30%);
123
hsva: hsva(3, 50%, 30%, 0.2);
125
mix: mix(#ff0000, #ffff00, 80);
126
mix-0: mix(#ff0000, #ffff00, 0);
127
mix-100: mix(#ff0000, #ffff00, 100);
128
mix-weightless: mix(#ff0000, #ffff00);
129
mixt: mix(#ff0000, transparent);
132
color: iscolor(#ddd);
133
color1: iscolor(red);
134
color2: iscolor(rgb(0, 0, 0));
135
color3: iscolor(transparent);
136
keyword: iskeyword(hello);
137
number: isnumber(32);
138
string: isstring("hello");
139
pixel: ispixel(32px);
140
percent: ispercentage(32%);
142
cat: isunit(32cat, cat);
147
alpha: darken(hsla(25, 50%, 50%, 0.6), 10%);
148
alpha2: alpha(rgba(3, 4, 5, 0.5));
149
alpha3: alpha(transparent);
153
multiply: multiply(#f60000, #f60000);
154
screen: screen(#f60000, #0000f6);
155
overlay: overlay(#f60000, #0000f6);
156
softlight: softlight(#f60000, #ffffff);
157
hardlight: hardlight(#f60000, #0000f6);
158
difference: difference(#f60000, #0000f6);
159
exclusion: exclusion(#f60000, #0000f6);
160
average: average(#f60000, #0000f6);
161
negation: negation(#f60000, #313131);
164
#extract-and-length {
166
extract: extract(@anon, 6) extract(@anon, 5) extract(@anon, 4) extract(@anon, 3) extract(@anon, 2) extract(@anon, 1);
167
length: length(@anon);