1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
|
#functions {
color: #660000;
width: 16;
height: undefined("self");
border-width: 5;
variable: 11;
background: linear-gradient(#000000, #ffffff);
}
#built-in {
escaped: -Some::weird(#thing, y);
lighten: #ffcccc;
darken: #330000;
saturate: #203c31;
desaturate: #29332f;
greyscale: #2e2e2e;
hsl-clamp: #ffffff;
spin-p: #bf6a40;
spin-n: #bf4055;
luma-white: 100%;
luma-black: 0%;
luma-black-alpha: 0%;
luma-red: 21%;
luma-green: 72%;
luma-blue: 7%;
luma-yellow: 93%;
luma-cyan: 79%;
luma-white-alpha: 50%;
contrast-filter: contrast(30%);
saturate-filter: saturate(5%);
contrast-white: #000000;
contrast-black: #ffffff;
contrast-red: #ffffff;
contrast-green: #000000;
contrast-blue: #ffffff;
contrast-yellow: #000000;
contrast-cyan: #000000;
contrast-light: #111111;
contrast-dark: #eeeeee;
contrast-wrongorder: #111111;
contrast-light-thresh: #111111;
contrast-dark-thresh: #eeeeee;
contrast-high-thresh: #eeeeee;
contrast-low-thresh: #111111;
contrast-light-thresh-per: #111111;
contrast-dark-thresh-per: #eeeeee;
contrast-high-thresh-per: #eeeeee;
contrast-low-thresh-per: #111111;
format: "rgb(32, 128, 64)";
format-string: "hello world";
format-multiple: "hello earth 2";
format-url-encode: "red is %23ff0000";
eformat: rgb(32, 128, 64);
unitless: 12;
unit: 14em;
hue: 98;
saturation: 12%;
lightness: 95%;
hsvhue: 98;
hsvsaturation: 12%;
hsvvalue: 95%;
red: 255;
green: 255;
blue: 255;
rounded: 11;
rounded-two: 10.67;
roundedpx: 3px;
roundedpx-three: 3.333px;
rounded-percentage: 10%;
ceil: 11px;
floor: 12px;
sqrt: 5px;
pi: 3.14159265;
mod: 2m;
abs: 4%;
tan: 0.90040404;
sin: 0.17364818;
cos: 0.84385396;
atan: 0.1rad;
atan: 34deg;
atan: 45deg;
pow: 64px;
pow: 64;
pow: 27;
min: 0;
min: min("junk", 5);
min: 3pt;
max: 3;
max: max(8%, 1cm);
percentage: 20%;
color: #ff0011;
tint: #898989;
tint-full: #ffffff;
tint-percent: #898989;
tint-negative: #656565;
shade: #686868;
shade-full: #000000;
shade-percent: #686868;
shade-negative: #868686;
fade-out: rgba(255, 0, 0, 0.95);
fade-in: rgba(255, 0, 0, 0.95);
hsv: #4d2926;
hsva: rgba(77, 40, 38, 0.2);
mix: #ff3300;
mix-0: #ffff00;
mix-100: #ff0000;
mix-weightless: #ff8000;
mixt: rgba(255, 0, 0, 0.5);
}
#built-in .is-a {
color: true;
color1: true;
color2: true;
color3: true;
keyword: true;
number: true;
string: true;
pixel: true;
percent: true;
em: true;
cat: true;
}
#alpha {
alpha: rgba(153, 94, 51, 0.6);
alpha2: 0.5;
alpha3: 0;
}
#blendmodes {
multiply: #ed0000;
screen: #f600f6;
overlay: #ed0000;
softlight: #fa0000;
hardlight: #0000ed;
difference: #f600f6;
exclusion: #f600f6;
average: #7b007b;
negation: #d73131;
}
#extract-and-length {
extract: 3 2 1 C B A;
length: 6;
}
|
