@redseed/redseed-ui-tailwindcss 4.1.1 → 5.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/colors.css +553 -0
- package/colors.js +585 -39
- package/index.js +3 -3
- package/package.json +4 -4
package/colors.css
ADDED
|
@@ -0,0 +1,553 @@
|
|
|
1
|
+
:root {
|
|
2
|
+
--Colors-Base-white: hsla(0, 0%, 100%, 1);
|
|
3
|
+
--Colors-Base-black: hsla(0, 0%, 0%, 1);
|
|
4
|
+
--Colors-Base-transparent: hsla(0, 0%, 100%, 0);
|
|
5
|
+
--Colors-Grey-25: hsla(0, 0%, 99%, 1);
|
|
6
|
+
--Colors-Grey-50: hsla(0, 0%, 98%, 1);
|
|
7
|
+
--Colors-Grey-100: hsla(0, 0%, 96%, 1);
|
|
8
|
+
--Colors-Grey-200: hsla(220, 5%, 92%, 1);
|
|
9
|
+
--Colors-Grey-300: hsla(220, 6%, 85%, 1);
|
|
10
|
+
--Colors-Grey-400: hsla(220, 6%, 66%, 1);
|
|
11
|
+
--Colors-Grey-500: hsla(220, 6%, 47%, 1);
|
|
12
|
+
--Colors-Grey-600: hsla(220, 8%, 35%, 1);
|
|
13
|
+
--Colors-Grey-700: hsla(220, 11%, 29%, 1);
|
|
14
|
+
--Colors-Grey-800: hsla(220, 20%, 18%, 1);
|
|
15
|
+
--Colors-Grey-900: hsla(220, 24%, 12%, 1);
|
|
16
|
+
--Colors-Grey-950: hsla(220, 29%, 5%, 1);
|
|
17
|
+
--Colors-Brand-25: hsla(270, 16%, 93%, 1);
|
|
18
|
+
--Colors-Brand-50: hsla(270, 15%, 85%, 1);
|
|
19
|
+
--Colors-Brand-100: hsla(270, 16%, 77%, 1);
|
|
20
|
+
--Colors-Brand-200: hsla(271, 15%, 70%, 1);
|
|
21
|
+
--Colors-Brand-300: hsla(271, 15%, 54%, 1);
|
|
22
|
+
--Colors-Brand-400: hsla(271, 23%, 39%, 1);
|
|
23
|
+
--Colors-Brand-500: hsla(271, 48%, 24%, 1);
|
|
24
|
+
--Colors-Brand-600: hsla(271, 47%, 19%, 1);
|
|
25
|
+
--Colors-Brand-700: hsla(271, 48%, 14%, 1);
|
|
26
|
+
--Colors-Brand-800: hsla(271, 48%, 12%, 1);
|
|
27
|
+
--Colors-Brand-900: hsla(272, 46%, 7%, 1);
|
|
28
|
+
--Colors-Brand-950: hsla(0, 0%, 0%, 1);
|
|
29
|
+
--Colors-RedSeed-Red-5: hsla(0, 67%, 99%, 1);
|
|
30
|
+
--Colors-RedSeed-Red-10: hsla(0, 67%, 98%, 1);
|
|
31
|
+
--Colors-RedSeed-Red-15: hsla(0, 65%, 97%, 1);
|
|
32
|
+
--Colors-RedSeed-Red-20: hsla(0, 65%, 95%, 1);
|
|
33
|
+
--Colors-RedSeed-Red-25: hsla(0, 66%, 94%, 1);
|
|
34
|
+
--Colors-RedSeed-Red-50: hsla(0, 68%, 89%, 1);
|
|
35
|
+
--Colors-RedSeed-Red-100: hsla(0, 67%, 83%, 1);
|
|
36
|
+
--Colors-RedSeed-Red-200: hsla(0, 68%, 78%, 1);
|
|
37
|
+
--Colors-RedSeed-Red-300: hsla(0, 68%, 72%, 1);
|
|
38
|
+
--Colors-RedSeed-Red-400: hsla(0, 68%, 61%, 1);
|
|
39
|
+
--Colors-RedSeed-Red-500: hsla(0, 85%, 44%, 1);
|
|
40
|
+
--Colors-RedSeed-Red-600: hsla(0, 85%, 40%, 1);
|
|
41
|
+
--Colors-RedSeed-Red-700: hsla(0, 85%, 35%, 1);
|
|
42
|
+
--Colors-RedSeed-Red-800: hsla(0, 85%, 31%, 1);
|
|
43
|
+
--Colors-RedSeed-Red-900: hsla(0, 85%, 26%, 1);
|
|
44
|
+
--Colors-RedSeed-Red-950: hsla(0, 86%, 22%, 1);
|
|
45
|
+
--Colors-RedSeed-Red-975: hsla(0, 85%, 18%, 1);
|
|
46
|
+
--Colors-RedSeed-Red-990: hsla(0, 85%, 13%, 1);
|
|
47
|
+
--Colors-RedSeed-Blue-5: hsla(210, 67%, 99%, 1);
|
|
48
|
+
--Colors-RedSeed-Blue-10: hsla(203, 67%, 98%, 1);
|
|
49
|
+
--Colors-RedSeed-Blue-15: hsla(205, 67%, 96%, 1);
|
|
50
|
+
--Colors-RedSeed-Blue-20: hsla(206, 67%, 95%, 1);
|
|
51
|
+
--Colors-RedSeed-Blue-25: hsla(206, 67%, 95%, 1);
|
|
52
|
+
--Colors-RedSeed-Blue-50: hsla(205, 67%, 88%, 1);
|
|
53
|
+
--Colors-RedSeed-Blue-100: hsla(205, 67%, 82%, 1);
|
|
54
|
+
--Colors-RedSeed-Blue-200: hsla(205, 67%, 76%, 1);
|
|
55
|
+
--Colors-RedSeed-Blue-300: hsla(205, 67%, 70%, 1);
|
|
56
|
+
--Colors-RedSeed-Blue-400: hsla(205, 67%, 58%, 1);
|
|
57
|
+
--Colors-RedSeed-Blue-500: hsla(205, 100%, 40%, 1);
|
|
58
|
+
--Colors-RedSeed-Blue-600: hsla(205, 100%, 36%, 1);
|
|
59
|
+
--Colors-RedSeed-Blue-700: hsla(205, 100%, 32%, 1);
|
|
60
|
+
--Colors-RedSeed-Blue-800: hsla(205, 100%, 28%, 1);
|
|
61
|
+
--Colors-RedSeed-Blue-900: hsla(205, 100%, 24%, 1);
|
|
62
|
+
--Colors-RedSeed-Blue-950: hsla(205, 100%, 20%, 1);
|
|
63
|
+
--Colors-RedSeed-Blue-975: hsla(205, 100%, 16%, 1);
|
|
64
|
+
--Colors-RedSeed-Blue-990: hsla(205, 100%, 12%, 1);
|
|
65
|
+
--Colors-RedSeed-Green-5: hsla(180, 33%, 99%, 1);
|
|
66
|
+
--Colors-RedSeed-Green-10: hsla(165, 33%, 98%, 1);
|
|
67
|
+
--Colors-RedSeed-Green-15: hsla(168, 29%, 97%, 1);
|
|
68
|
+
--Colors-RedSeed-Green-20: hsla(163, 30%, 95%, 1);
|
|
69
|
+
--Colors-RedSeed-Green-25: hsla(162, 36%, 95%, 1);
|
|
70
|
+
--Colors-RedSeed-Green-50: hsla(161, 33%, 89%, 1);
|
|
71
|
+
--Colors-RedSeed-Green-100: hsla(163, 33%, 83%, 1);
|
|
72
|
+
--Colors-RedSeed-Green-200: hsla(161, 33%, 78%, 1);
|
|
73
|
+
--Colors-RedSeed-Green-300: hsla(161, 34%, 72%, 1);
|
|
74
|
+
--Colors-RedSeed-Green-400: hsla(162, 33%, 61%, 1);
|
|
75
|
+
--Colors-RedSeed-Green-500: hsla(162, 43%, 44%, 1);
|
|
76
|
+
--Colors-RedSeed-Green-600: hsla(162, 43%, 40%, 1);
|
|
77
|
+
--Colors-RedSeed-Green-700: hsla(162, 43%, 35%, 1);
|
|
78
|
+
--Colors-RedSeed-Green-800: hsla(162, 43%, 31%, 1);
|
|
79
|
+
--Colors-RedSeed-Green-900: hsla(162, 43%, 26%, 1);
|
|
80
|
+
--Colors-RedSeed-Green-950: hsla(163, 43%, 22%, 1);
|
|
81
|
+
--Colors-RedSeed-Green-975: hsla(161, 42%, 18%, 1);
|
|
82
|
+
--Colors-RedSeed-Green-990: hsla(161, 43%, 13%, 1);
|
|
83
|
+
--Colors-RedSeed-Yellow-5: hsla(36, 100%, 99%, 1);
|
|
84
|
+
--Colors-RedSeed-Yellow-10: hsla(36, 100%, 98%, 1);
|
|
85
|
+
--Colors-RedSeed-Yellow-15: hsla(40, 100%, 97%, 1);
|
|
86
|
+
--Colors-RedSeed-Yellow-20: hsla(39, 100%, 96%, 1);
|
|
87
|
+
--Colors-RedSeed-Yellow-25: hsla(38, 100%, 95%, 1);
|
|
88
|
+
--Colors-RedSeed-Yellow-50: hsla(38, 100%, 90%, 1);
|
|
89
|
+
--Colors-RedSeed-Yellow-100: hsla(38, 100%, 85%, 1);
|
|
90
|
+
--Colors-RedSeed-Yellow-200: hsla(38, 100%, 80%, 1);
|
|
91
|
+
--Colors-RedSeed-Yellow-300: hsla(38, 100%, 75%, 1);
|
|
92
|
+
--Colors-RedSeed-Yellow-400: hsla(38, 100%, 66%, 1);
|
|
93
|
+
--Colors-RedSeed-Yellow-500: hsla(38, 100%, 51%, 1);
|
|
94
|
+
--Colors-RedSeed-Yellow-600: hsla(38, 96%, 46%, 1);
|
|
95
|
+
--Colors-RedSeed-Yellow-700: hsla(38, 95%, 41%, 1);
|
|
96
|
+
--Colors-RedSeed-Yellow-800: hsla(38, 96%, 36%, 1);
|
|
97
|
+
--Colors-RedSeed-Yellow-900: hsla(38, 95%, 31%, 1);
|
|
98
|
+
--Colors-RedSeed-Yellow-950: hsla(38, 95%, 26%, 1);
|
|
99
|
+
--Colors-RedSeed-Yellow-975: hsla(38, 96%, 20%, 1);
|
|
100
|
+
--Colors-RedSeed-Yellow-990: hsla(38, 95%, 15%, 1);
|
|
101
|
+
--Colors-RedSeed-Purple-5: hsla(270, 50%, 99%, 1);
|
|
102
|
+
--Colors-RedSeed-Purple-10: hsla(270, 75%, 98%, 1);
|
|
103
|
+
--Colors-RedSeed-Purple-15: hsla(270, 67%, 98%, 1);
|
|
104
|
+
--Colors-RedSeed-Purple-20: hsla(270, 75%, 97%, 1);
|
|
105
|
+
--Colors-RedSeed-Purple-25: hsla(270, 70%, 96%, 1);
|
|
106
|
+
--Colors-RedSeed-Purple-50: hsla(271, 71%, 92%, 1);
|
|
107
|
+
--Colors-RedSeed-Purple-100: hsla(271, 70%, 88%, 1);
|
|
108
|
+
--Colors-RedSeed-Purple-200: hsla(271, 71%, 84%, 1);
|
|
109
|
+
--Colors-RedSeed-Purple-300: hsla(271, 71%, 80%, 1);
|
|
110
|
+
--Colors-RedSeed-Purple-400: hsla(271, 69%, 72%, 1);
|
|
111
|
+
--Colors-RedSeed-Purple-500: hsla(271, 70%, 60%, 1);
|
|
112
|
+
--Colors-RedSeed-Purple-600: hsla(271, 55%, 54%, 1);
|
|
113
|
+
--Colors-RedSeed-Purple-700: hsla(271, 47%, 48%, 1);
|
|
114
|
+
--Colors-RedSeed-Purple-800: hsla(271, 47%, 42%, 1);
|
|
115
|
+
--Colors-RedSeed-Purple-900: hsla(271, 46%, 36%, 1);
|
|
116
|
+
--Colors-RedSeed-Purple-950: hsla(272, 47%, 30%, 1);
|
|
117
|
+
--Colors-RedSeed-Purple-975: hsla(271, 48%, 24%, 1);
|
|
118
|
+
--Colors-RedSeed-Purple-990: hsla(272, 47%, 18%, 1);
|
|
119
|
+
--Colors-RedSeed-Purple-995: hsla(271, 48%, 12%, 1);
|
|
120
|
+
--Colors-Error-25: hsla(4, 88%, 99%, 1);
|
|
121
|
+
--Colors-Error-50: hsla(4, 88%, 97%, 1);
|
|
122
|
+
--Colors-Error-100: hsla(4, 95%, 94%, 1);
|
|
123
|
+
--Colors-Error-200: hsla(4, 98%, 89%, 1);
|
|
124
|
+
--Colors-Error-300: hsla(4, 96%, 80%, 1);
|
|
125
|
+
--Colors-Error-400: hsla(4, 93%, 69%, 1);
|
|
126
|
+
--Colors-Error-500: hsla(4, 86%, 58%, 1);
|
|
127
|
+
--Colors-Error-600: hsla(4, 74%, 49%, 1);
|
|
128
|
+
--Colors-Error-700: hsla(4, 76%, 40%, 1);
|
|
129
|
+
--Colors-Error-800: hsla(4, 72%, 33%, 1);
|
|
130
|
+
--Colors-Error-900: hsla(8, 65%, 29%, 1);
|
|
131
|
+
--Colors-Error-950: hsla(8, 75%, 19%, 1);
|
|
132
|
+
--Colors-Warning-25: hsla(44, 100%, 98%, 1);
|
|
133
|
+
--Colors-Warning-50: hsla(44, 100%, 96%, 1);
|
|
134
|
+
--Colors-Warning-100: hsla(44, 98%, 89%, 1);
|
|
135
|
+
--Colors-Warning-200: hsla(44, 99%, 77%, 1);
|
|
136
|
+
--Colors-Warning-300: hsla(42, 99%, 65%, 1);
|
|
137
|
+
--Colors-Warning-400: hsla(39, 98%, 56%, 1);
|
|
138
|
+
--Colors-Warning-500: hsla(34, 94%, 50%, 1);
|
|
139
|
+
--Colors-Warning-600: hsla(28, 97%, 44%, 1);
|
|
140
|
+
--Colors-Warning-700: hsla(22, 92%, 37%, 1);
|
|
141
|
+
--Colors-Warning-800: hsla(19, 84%, 31%, 1);
|
|
142
|
+
--Colors-Warning-900: hsla(18, 80%, 26%, 1);
|
|
143
|
+
--Colors-Warning-950: hsla(18, 80%, 17%, 1);
|
|
144
|
+
--Colors-Success-25: hsla(144, 78%, 98%, 1);
|
|
145
|
+
--Colors-Success-50: hsla(144, 78%, 96%, 1);
|
|
146
|
+
--Colors-Success-100: hsla(141, 74%, 92%, 1);
|
|
147
|
+
--Colors-Success-200: hsla(144, 69%, 80%, 1);
|
|
148
|
+
--Colors-Success-300: hsla(148, 63%, 67%, 1);
|
|
149
|
+
--Colors-Success-400: hsla(150, 57%, 54%, 1);
|
|
150
|
+
--Colors-Success-500: hsla(152, 77%, 39%, 1);
|
|
151
|
+
--Colors-Success-600: hsla(153, 91%, 30%, 1);
|
|
152
|
+
--Colors-Success-700: hsla(155, 91%, 24%, 1);
|
|
153
|
+
--Colors-Success-800: hsla(155, 85%, 20%, 1);
|
|
154
|
+
--Colors-Success-900: hsla(156, 83%, 16%, 1);
|
|
155
|
+
--Colors-Success-950: hsla(156, 83%, 11%, 1);
|
|
156
|
+
--Colors-Grey-blue-25: hsla(210, 20%, 99%, 1);
|
|
157
|
+
--Colors-Grey-blue-50: hsla(231, 36%, 98%, 1);
|
|
158
|
+
--Colors-Grey-blue-100: hsla(231, 36%, 94%, 1);
|
|
159
|
+
--Colors-Grey-blue-200: hsla(231, 36%, 88%, 1);
|
|
160
|
+
--Colors-Grey-blue-300: hsla(231, 36%, 78%, 1);
|
|
161
|
+
--Colors-Grey-blue-400: hsla(232, 36%, 59%, 1);
|
|
162
|
+
--Colors-Grey-blue-500: hsla(232, 36%, 48%, 1);
|
|
163
|
+
--Colors-Grey-blue-600: hsla(232, 36%, 38%, 1);
|
|
164
|
+
--Colors-Grey-blue-700: hsla(231, 36%, 33%, 1);
|
|
165
|
+
--Colors-Grey-blue-800: hsla(230, 36%, 25%, 1);
|
|
166
|
+
--Colors-Grey-blue-900: hsla(231, 36%, 10%, 1);
|
|
167
|
+
--Colors-Grey-blue-950: hsla(231, 36%, 8%, 1);
|
|
168
|
+
--Colors-Grey-cool-25: hsla(210, 20%, 99%, 1);
|
|
169
|
+
--Colors-Grey-cool-50: hsla(226, 24%, 98%, 1);
|
|
170
|
+
--Colors-Grey-cool-100: hsla(226, 24%, 95%, 1);
|
|
171
|
+
--Colors-Grey-cool-200: hsla(226, 24%, 89%, 1);
|
|
172
|
+
--Colors-Grey-cool-300: hsla(226, 24%, 78%, 1);
|
|
173
|
+
--Colors-Grey-cool-400: hsla(226, 24%, 59%, 1);
|
|
174
|
+
--Colors-Grey-cool-500: hsla(226, 24%, 48%, 1);
|
|
175
|
+
--Colors-Grey-cool-600: hsla(226, 24%, 38%, 1);
|
|
176
|
+
--Colors-Grey-cool-700: hsla(226, 24%, 33%, 1);
|
|
177
|
+
--Colors-Grey-cool-800: hsla(226, 24%, 25%, 1);
|
|
178
|
+
--Colors-Grey-cool-900: hsla(231, 33%, 10%, 1);
|
|
179
|
+
--Colors-Grey-cool-950: hsla(231, 32%, 8%, 1);
|
|
180
|
+
--Colors-Grey-modern-25: hsla(210, 20%, 99%, 1);
|
|
181
|
+
--Colors-Grey-modern-50: hsla(211, 34%, 98%, 1);
|
|
182
|
+
--Colors-Grey-modern-100: hsla(211, 33%, 95%, 1);
|
|
183
|
+
--Colors-Grey-modern-200: hsla(215, 26%, 91%, 1);
|
|
184
|
+
--Colors-Grey-modern-300: hsla(214, 21%, 84%, 1);
|
|
185
|
+
--Colors-Grey-modern-400: hsla(216, 14%, 65%, 1);
|
|
186
|
+
--Colors-Grey-modern-500: hsla(216, 12%, 47%, 1);
|
|
187
|
+
--Colors-Grey-modern-600: hsla(216, 15%, 35%, 1);
|
|
188
|
+
--Colors-Grey-modern-700: hsla(216, 21%, 27%, 1);
|
|
189
|
+
--Colors-Grey-modern-800: hsla(218, 29%, 17%, 1);
|
|
190
|
+
--Colors-Grey-modern-900: hsla(220, 37%, 11%, 1);
|
|
191
|
+
--Colors-Grey-modern-950: hsla(220, 37%, 8%, 1);
|
|
192
|
+
--Colors-Grey-neutral-25: hsla(210, 20%, 99%, 1);
|
|
193
|
+
--Colors-Grey-neutral-50: hsla(210, 24%, 98%, 1);
|
|
194
|
+
--Colors-Grey-neutral-100: hsla(218, 13%, 96%, 1);
|
|
195
|
+
--Colors-Grey-neutral-200: hsla(218, 12%, 91%, 1);
|
|
196
|
+
--Colors-Grey-neutral-300: hsla(214, 11%, 84%, 1);
|
|
197
|
+
--Colors-Grey-neutral-400: hsla(216, 10%, 65%, 1);
|
|
198
|
+
--Colors-Grey-neutral-500: hsla(218, 8%, 46%, 1);
|
|
199
|
+
--Colors-Grey-neutral-600: hsla(211, 12%, 34%, 1);
|
|
200
|
+
--Colors-Grey-neutral-700: hsla(215, 18%, 27%, 1);
|
|
201
|
+
--Colors-Grey-neutral-800: hsla(213, 27%, 17%, 1);
|
|
202
|
+
--Colors-Grey-neutral-900: hsla(219, 38%, 11%, 1);
|
|
203
|
+
--Colors-Grey-neutral-950: hsla(220, 37%, 8%, 1);
|
|
204
|
+
--Colors-Grey-iron-25: hsla(0, 0%, 99%, 1);
|
|
205
|
+
--Colors-Grey-iron-50: hsla(0, 0%, 98%, 1);
|
|
206
|
+
--Colors-Grey-iron-100: hsla(238, 6%, 96%, 1);
|
|
207
|
+
--Colors-Grey-iron-200: hsla(238, 7%, 90%, 1);
|
|
208
|
+
--Colors-Grey-iron-300: hsla(238, 6%, 83%, 1);
|
|
209
|
+
--Colors-Grey-iron-400: hsla(238, 6%, 65%, 1);
|
|
210
|
+
--Colors-Grey-iron-500: hsla(238, 5%, 46%, 1);
|
|
211
|
+
--Colors-Grey-iron-600: hsla(238, 6%, 34%, 1);
|
|
212
|
+
--Colors-Grey-iron-700: hsla(238, 6%, 26%, 1);
|
|
213
|
+
--Colors-Grey-iron-800: hsla(238, 5%, 16%, 1);
|
|
214
|
+
--Colors-Grey-iron-900: hsla(240, 7%, 11%, 1);
|
|
215
|
+
--Colors-Grey-iron-950: hsla(240, 7%, 8%, 1);
|
|
216
|
+
--Colors-Grey-true-25: hsla(0, 0%, 99%, 1);
|
|
217
|
+
--Colors-Grey-true-50: hsla(0, 0%, 97%, 1);
|
|
218
|
+
--Colors-Grey-true-100: hsla(0, 0%, 96%, 1);
|
|
219
|
+
--Colors-Grey-true-200: hsla(0, 0%, 90%, 1);
|
|
220
|
+
--Colors-Grey-true-300: hsla(0, 0%, 84%, 1);
|
|
221
|
+
--Colors-Grey-true-400: hsla(0, 0%, 64%, 1);
|
|
222
|
+
--Colors-Grey-true-500: hsla(0, 0%, 45%, 1);
|
|
223
|
+
--Colors-Grey-true-600: hsla(0, 0%, 32%, 1);
|
|
224
|
+
--Colors-Grey-true-700: hsla(0, 0%, 26%, 1);
|
|
225
|
+
--Colors-Grey-true-800: hsla(0, 0%, 16%, 1);
|
|
226
|
+
--Colors-Grey-true-900: hsla(0, 0%, 8%, 1);
|
|
227
|
+
--Colors-Grey-true-950: hsla(0, 0%, 6%, 1);
|
|
228
|
+
--Colors-Grey-warm-25: hsla(59, 10%, 99%, 1);
|
|
229
|
+
--Colors-Grey-warm-50: hsla(59, 10%, 98%, 1);
|
|
230
|
+
--Colors-Grey-warm-100: hsla(59, 6%, 96%, 1);
|
|
231
|
+
--Colors-Grey-warm-200: hsla(19, 7%, 90%, 1);
|
|
232
|
+
--Colors-Grey-warm-300: hsla(23, 7%, 83%, 1);
|
|
233
|
+
--Colors-Grey-warm-400: hsla(23, 6%, 64%, 1);
|
|
234
|
+
--Colors-Grey-warm-500: hsla(24, 6%, 45%, 1);
|
|
235
|
+
--Colors-Grey-warm-600: hsla(32, 6%, 32%, 1);
|
|
236
|
+
--Colors-Grey-warm-700: hsla(29, 7%, 25%, 1);
|
|
237
|
+
--Colors-Grey-warm-800: hsla(11, 7%, 15%, 1);
|
|
238
|
+
--Colors-Grey-warm-900: hsla(23, 11%, 10%, 1);
|
|
239
|
+
--Colors-Grey-warm-950: hsla(23, 11%, 8%, 1);
|
|
240
|
+
--Colors-Moss-25: hsla(89, 58%, 98%, 1);
|
|
241
|
+
--Colors-Moss-50: hsla(89, 58%, 96%, 1);
|
|
242
|
+
--Colors-Moss-100: hsla(89, 58%, 90%, 1);
|
|
243
|
+
--Colors-Moss-200: hsla(89, 58%, 80%, 1);
|
|
244
|
+
--Colors-Moss-300: hsla(89, 58%, 67%, 1);
|
|
245
|
+
--Colors-Moss-400: hsla(89, 58%, 52%, 1);
|
|
246
|
+
--Colors-Moss-500: hsla(89, 58%, 39%, 1);
|
|
247
|
+
--Colors-Moss-600: hsla(89, 58%, 30%, 1);
|
|
248
|
+
--Colors-Moss-700: hsla(89, 58%, 24%, 1);
|
|
249
|
+
--Colors-Moss-800: hsla(89, 58%, 20%, 1);
|
|
250
|
+
--Colors-Moss-900: hsla(89, 58%, 16%, 1);
|
|
251
|
+
--Colors-Moss-950: hsla(89, 57%, 10%, 1);
|
|
252
|
+
--Colors-Green-light-25: hsla(88, 90%, 98%, 1);
|
|
253
|
+
--Colors-Green-light-50: hsla(88, 90%, 95%, 1);
|
|
254
|
+
--Colors-Green-light-100: hsla(90, 87%, 89%, 1);
|
|
255
|
+
--Colors-Green-light-200: hsla(91, 84%, 82%, 1);
|
|
256
|
+
--Colors-Green-light-300: hsla(92, 81%, 67%, 1);
|
|
257
|
+
--Colors-Green-light-400: hsla(93, 74%, 55%, 1);
|
|
258
|
+
--Colors-Green-light-500: hsla(94, 75%, 44%, 1);
|
|
259
|
+
--Colors-Green-light-600: hsla(95, 85%, 35%, 1);
|
|
260
|
+
--Colors-Green-light-700: hsla(96, 78%, 27%, 1);
|
|
261
|
+
--Colors-Green-light-800: hsla(96, 69%, 23%, 1);
|
|
262
|
+
--Colors-Green-light-900: hsla(98, 61%, 20%, 1);
|
|
263
|
+
--Colors-Green-light-950: hsla(99, 61%, 10%, 1);
|
|
264
|
+
--Colors-Green-25: hsla(144, 78%, 98%, 1);
|
|
265
|
+
--Colors-Green-50: hsla(140, 76%, 96%, 1);
|
|
266
|
+
--Colors-Green-100: hsla(139, 74%, 90%, 1);
|
|
267
|
+
--Colors-Green-200: hsla(142, 70%, 80%, 1);
|
|
268
|
+
--Colors-Green-300: hsla(146, 66%, 67%, 1);
|
|
269
|
+
--Colors-Green-400: hsla(148, 58%, 52%, 1);
|
|
270
|
+
--Colors-Green-500: hsla(150, 78%, 39%, 1);
|
|
271
|
+
--Colors-Green-600: hsla(151, 88%, 30%, 1);
|
|
272
|
+
--Colors-Green-700: hsla(153, 87%, 24%, 1);
|
|
273
|
+
--Colors-Green-800: hsla(153, 82%, 20%, 1);
|
|
274
|
+
--Colors-Green-900: hsla(154, 80%, 16%, 1);
|
|
275
|
+
--Colors-Green-950: hsla(154, 80%, 10%, 1);
|
|
276
|
+
--Colors-Teal-25: hsla(165, 80%, 98%, 1);
|
|
277
|
+
--Colors-Teal-50: hsla(164, 75%, 97%, 1);
|
|
278
|
+
--Colors-Teal-100: hsla(165, 84%, 89%, 1);
|
|
279
|
+
--Colors-Teal-200: hsla(166, 83%, 78%, 1);
|
|
280
|
+
--Colors-Teal-300: hsla(169, 76%, 64%, 1);
|
|
281
|
+
--Colors-Teal-400: hsla(170, 65%, 50%, 1);
|
|
282
|
+
--Colors-Teal-500: hsla(171, 79%, 40%, 1);
|
|
283
|
+
--Colors-Teal-600: hsla(173, 83%, 32%, 1);
|
|
284
|
+
--Colors-Teal-700: hsla(173, 76%, 26%, 1);
|
|
285
|
+
--Colors-Teal-800: hsla(174, 68%, 22%, 1);
|
|
286
|
+
--Colors-Teal-900: hsla(174, 60%, 19%, 1);
|
|
287
|
+
--Colors-Teal-950: hsla(174, 61%, 10%, 1);
|
|
288
|
+
--Colors-Cyan-25: hsla(186, 100%, 98%, 1);
|
|
289
|
+
--Colors-Cyan-50: hsla(185, 100%, 96%, 1);
|
|
290
|
+
--Colors-Cyan-100: hsla(187, 96%, 90%, 1);
|
|
291
|
+
--Colors-Cyan-200: hsla(188, 94%, 82%, 1);
|
|
292
|
+
--Colors-Cyan-300: hsla(189, 92%, 69%, 1);
|
|
293
|
+
--Colors-Cyan-400: hsla(190, 86%, 53%, 1);
|
|
294
|
+
--Colors-Cyan-500: hsla(191, 94%, 43%, 1);
|
|
295
|
+
--Colors-Cyan-600: hsla(194, 91%, 36%, 1);
|
|
296
|
+
--Colors-Cyan-700: hsla(195, 82%, 31%, 1);
|
|
297
|
+
--Colors-Cyan-800: hsla(196, 70%, 27%, 1);
|
|
298
|
+
--Colors-Cyan-900: hsla(198, 64%, 24%, 1);
|
|
299
|
+
--Colors-Cyan-950: hsla(198, 64%, 14%, 1);
|
|
300
|
+
--Colors-Blue-light-25: hsla(204, 100%, 98%, 1);
|
|
301
|
+
--Colors-Blue-light-50: hsla(204, 100%, 97%, 1);
|
|
302
|
+
--Colors-Blue-light-100: hsla(204, 96%, 94%, 1);
|
|
303
|
+
--Colors-Blue-light-200: hsla(201, 96%, 86%, 1);
|
|
304
|
+
--Colors-Blue-light-300: hsla(199, 97%, 74%, 1);
|
|
305
|
+
--Colors-Blue-light-400: hsla(198, 95%, 60%, 1);
|
|
306
|
+
--Colors-Blue-light-500: hsla(199, 91%, 48%, 1);
|
|
307
|
+
--Colors-Blue-light-600: hsla(200, 100%, 39%, 1);
|
|
308
|
+
--Colors-Blue-light-700: hsla(201, 98%, 32%, 1);
|
|
309
|
+
--Colors-Blue-light-800: hsla(201, 92%, 27%, 1);
|
|
310
|
+
--Colors-Blue-light-900: hsla(202, 82%, 24%, 1);
|
|
311
|
+
--Colors-Blue-light-950: hsla(202, 82%, 14%, 1);
|
|
312
|
+
--Colors-Blue-25: hsla(210, 100%, 98%, 1);
|
|
313
|
+
--Colors-Blue-50: hsla(206, 100%, 97%, 1);
|
|
314
|
+
--Colors-Blue-100: hsla(209, 100%, 91%, 1);
|
|
315
|
+
--Colors-Blue-200: hsla(206, 100%, 85%, 1);
|
|
316
|
+
--Colors-Blue-300: hsla(206, 100%, 76%, 1);
|
|
317
|
+
--Colors-Blue-400: hsla(207, 98%, 66%, 1);
|
|
318
|
+
--Colors-Blue-500: hsla(211, 95%, 58%, 1);
|
|
319
|
+
--Colors-Blue-600: hsla(215, 87%, 51%, 1);
|
|
320
|
+
--Colors-Blue-700: hsla(218, 80%, 46%, 1);
|
|
321
|
+
--Colors-Blue-800: hsla(220, 75%, 38%, 1);
|
|
322
|
+
--Colors-Blue-900: hsla(218, 68%, 31%, 1);
|
|
323
|
+
--Colors-Blue-950: hsla(218, 68%, 20%, 1);
|
|
324
|
+
--Colors-Blue-dark-25: hsla(220, 100%, 98%, 1);
|
|
325
|
+
--Colors-Blue-dark-50: hsla(220, 100%, 97%, 1);
|
|
326
|
+
--Colors-Blue-dark-100: hsla(220, 100%, 91%, 1);
|
|
327
|
+
--Colors-Blue-dark-200: hsla(220, 100%, 85%, 1);
|
|
328
|
+
--Colors-Blue-dark-300: hsla(220, 100%, 76%, 1);
|
|
329
|
+
--Colors-Blue-dark-400: hsla(220, 100%, 66%, 1);
|
|
330
|
+
--Colors-Blue-dark-500: hsla(220, 100%, 58%, 1);
|
|
331
|
+
--Colors-Blue-dark-600: hsla(220, 87%, 51%, 1);
|
|
332
|
+
--Colors-Blue-dark-700: hsla(220, 100%, 46%, 1);
|
|
333
|
+
--Colors-Blue-dark-800: hsla(220, 100%, 38%, 1);
|
|
334
|
+
--Colors-Blue-dark-900: hsla(220, 100%, 31%, 1);
|
|
335
|
+
--Colors-Blue-dark-950: hsla(220, 100%, 20%, 1);
|
|
336
|
+
--Colors-Indigo-25: hsla(220, 100%, 98%, 1);
|
|
337
|
+
--Colors-Indigo-50: hsla(220, 100%, 97%, 1);
|
|
338
|
+
--Colors-Indigo-100: hsla(220, 100%, 94%, 1);
|
|
339
|
+
--Colors-Indigo-200: hsla(222, 98%, 89%, 1);
|
|
340
|
+
--Colors-Indigo-300: hsla(224, 96%, 82%, 1);
|
|
341
|
+
--Colors-Indigo-400: hsla(228, 91%, 74%, 1);
|
|
342
|
+
--Colors-Indigo-500: hsla(233, 86%, 67%, 1);
|
|
343
|
+
--Colors-Indigo-600: hsla(237, 77%, 59%, 1);
|
|
344
|
+
--Colors-Indigo-700: hsla(239, 60%, 51%, 1);
|
|
345
|
+
--Colors-Indigo-800: hsla(238, 57%, 41%, 1);
|
|
346
|
+
--Colors-Indigo-900: hsla(236, 49%, 34%, 1);
|
|
347
|
+
--Colors-Indigo-950: hsla(236, 49%, 24%, 1);
|
|
348
|
+
--Colors-Violet-25: hsla(249, 100%, 99%, 1);
|
|
349
|
+
--Colors-Violet-50: hsla(249, 100%, 98%, 1);
|
|
350
|
+
--Colors-Violet-100: hsla(250, 92%, 95%, 1);
|
|
351
|
+
--Colors-Violet-200: hsla(250, 96%, 92%, 1);
|
|
352
|
+
--Colors-Violet-300: hsla(252, 96%, 85%, 1);
|
|
353
|
+
--Colors-Violet-400: hsla(254, 93%, 76%, 1);
|
|
354
|
+
--Colors-Violet-500: hsla(257, 91%, 66%, 1);
|
|
355
|
+
--Colors-Violet-600: hsla(261, 84%, 58%, 1);
|
|
356
|
+
--Colors-Violet-700: hsla(262, 71%, 50%, 1);
|
|
357
|
+
--Colors-Violet-800: hsla(262, 70%, 42%, 1);
|
|
358
|
+
--Colors-Violet-900: hsla(262, 68%, 35%, 1);
|
|
359
|
+
--Colors-Violet-950: hsla(262, 68%, 22%, 1);
|
|
360
|
+
--Colors-Purple-25: hsla(244, 100%, 99%, 1);
|
|
361
|
+
--Colors-Purple-50: hsla(244, 100%, 98%, 1);
|
|
362
|
+
--Colors-Purple-100: hsla(245, 93%, 95%, 1);
|
|
363
|
+
--Colors-Purple-200: hsla(245, 97%, 92%, 1);
|
|
364
|
+
--Colors-Purple-300: hsla(247, 97%, 85%, 1);
|
|
365
|
+
--Colors-Purple-400: hsla(249, 94%, 76%, 1);
|
|
366
|
+
--Colors-Purple-500: hsla(252, 92%, 66%, 1);
|
|
367
|
+
--Colors-Purple-600: hsla(256, 85%, 58%, 1);
|
|
368
|
+
--Colors-Purple-700: hsla(257, 72%, 50%, 1);
|
|
369
|
+
--Colors-Purple-800: hsla(257, 71%, 42%, 1);
|
|
370
|
+
--Colors-Purple-900: hsla(257, 69%, 35%, 1);
|
|
371
|
+
--Colors-Purple-950: hsla(257, 69%, 22%, 1);
|
|
372
|
+
--Colors-Fuchsia-25: hsla(291, 98%, 99%, 1);
|
|
373
|
+
--Colors-Fuchsia-50: hsla(291, 98%, 98%, 1);
|
|
374
|
+
--Colors-Fuchsia-100: hsla(289, 98%, 95%, 1);
|
|
375
|
+
--Colors-Fuchsia-200: hsla(290, 94%, 91%, 1);
|
|
376
|
+
--Colors-Fuchsia-300: hsla(289, 95%, 83%, 1);
|
|
377
|
+
--Colors-Fuchsia-400: hsla(290, 93%, 73%, 1);
|
|
378
|
+
--Colors-Fuchsia-500: hsla(290, 86%, 61%, 1);
|
|
379
|
+
--Colors-Fuchsia-600: hsla(291, 71%, 49%, 1);
|
|
380
|
+
--Colors-Fuchsia-700: hsla(293, 74%, 40%, 1);
|
|
381
|
+
--Colors-Fuchsia-800: hsla(293, 72%, 33%, 1);
|
|
382
|
+
--Colors-Fuchsia-900: hsla(295, 66%, 28%, 1);
|
|
383
|
+
--Colors-Fuchsia-950: hsla(295, 65%, 18%, 1);
|
|
384
|
+
--Colors-Pink-25: hsla(319, 75%, 98%, 1);
|
|
385
|
+
--Colors-Pink-50: hsla(319, 75%, 97%, 1);
|
|
386
|
+
--Colors-Pink-100: hsla(318, 80%, 95%, 1);
|
|
387
|
+
--Colors-Pink-200: hsla(318, 87%, 90%, 1);
|
|
388
|
+
--Colors-Pink-300: hsla(319, 89%, 82%, 1);
|
|
389
|
+
--Colors-Pink-400: hsla(321, 88%, 70%, 1);
|
|
390
|
+
--Colors-Pink-500: hsla(318, 83%, 60%, 1);
|
|
391
|
+
--Colors-Pink-600: hsla(325, 73%, 51%, 1);
|
|
392
|
+
--Colors-Pink-700: hsla(327, 80%, 42%, 1);
|
|
393
|
+
--Colors-Pink-800: hsla(328, 76%, 35%, 1);
|
|
394
|
+
--Colors-Pink-900: hsla(328, 71%, 30%, 1);
|
|
395
|
+
--Colors-Pink-950: hsla(328, 71%, 18%, 1);
|
|
396
|
+
--Colors-Rosé-25: hsla(352, 100%, 98%, 1);
|
|
397
|
+
--Colors-Rosé-50: hsla(352, 100%, 97%, 1);
|
|
398
|
+
--Colors-Rosé-100: hsla(352, 100%, 95%, 1);
|
|
399
|
+
--Colors-Rosé-200: hsla(349, 98%, 90%, 1);
|
|
400
|
+
--Colors-Rosé-300: hsla(349, 98%, 82%, 1);
|
|
401
|
+
--Colors-Rosé-400: hsla(347, 97%, 71%, 1);
|
|
402
|
+
--Colors-Rosé-500: hsla(346, 91%, 60%, 1);
|
|
403
|
+
--Colors-Rosé-600: hsla(343, 79%, 50%, 1);
|
|
404
|
+
--Colors-Rosé-700: hsla(341, 85%, 41%, 1);
|
|
405
|
+
--Colors-Rosé-800: hsla(339, 82%, 35%, 1);
|
|
406
|
+
--Colors-Rosé-900: hsla(338, 77%, 30%, 1);
|
|
407
|
+
--Colors-Rosé-950: hsla(338, 77%, 18%, 1);
|
|
408
|
+
--Colors-Orange-dark-25: hsla(23, 100%, 98%, 1);
|
|
409
|
+
--Colors-Orange-dark-50: hsla(23, 100%, 96%, 1);
|
|
410
|
+
--Colors-Orange-dark-100: hsla(24, 100%, 92%, 1);
|
|
411
|
+
--Colors-Orange-dark-200: hsla(30, 99%, 84%, 1);
|
|
412
|
+
--Colors-Orange-dark-300: hsla(21, 100%, 70%, 1);
|
|
413
|
+
--Colors-Orange-dark-400: hsla(17, 100%, 59%, 1);
|
|
414
|
+
--Colors-Orange-dark-500: hsla(15, 100%, 51%, 1);
|
|
415
|
+
--Colors-Orange-dark-600: hsla(11, 96%, 46%, 1);
|
|
416
|
+
--Colors-Orange-dark-700: hsla(7, 94%, 38%, 1);
|
|
417
|
+
--Colors-Orange-dark-800: hsla(5, 85%, 32%, 1);
|
|
418
|
+
--Colors-Orange-dark-900: hsla(7, 80%, 26%, 1);
|
|
419
|
+
--Colors-Orange-dark-950: hsla(7, 80%, 19%, 1);
|
|
420
|
+
--Colors-Orange-25: hsla(29, 90%, 98%, 1);
|
|
421
|
+
--Colors-Orange-50: hsla(29, 90%, 96%, 1);
|
|
422
|
+
--Colors-Orange-100: hsla(30, 90%, 92%, 1);
|
|
423
|
+
--Colors-Orange-200: hsla(36, 86%, 83%, 1);
|
|
424
|
+
--Colors-Orange-300: hsla(27, 89%, 72%, 1);
|
|
425
|
+
--Colors-Orange-400: hsla(23, 88%, 61%, 1);
|
|
426
|
+
--Colors-Orange-500: hsla(21, 87%, 53%, 1);
|
|
427
|
+
--Colors-Orange-600: hsla(17, 82%, 48%, 1);
|
|
428
|
+
--Colors-Orange-700: hsla(13, 80%, 40%, 1);
|
|
429
|
+
--Colors-Orange-800: hsla(11, 71%, 34%, 1);
|
|
430
|
+
--Colors-Orange-900: hsla(11, 67%, 28%, 1);
|
|
431
|
+
--Colors-Orange-950: hsla(11, 67%, 19%, 1);
|
|
432
|
+
--Colors-Yellow-25: hsla(53, 92%, 97%, 1);
|
|
433
|
+
--Colors-Yellow-50: hsla(53, 92%, 95%, 1);
|
|
434
|
+
--Colors-Yellow-100: hsla(53, 97%, 88%, 1);
|
|
435
|
+
--Colors-Yellow-200: hsla(51, 98%, 79%, 1);
|
|
436
|
+
--Colors-Yellow-300: hsla(48, 97%, 72%, 1);
|
|
437
|
+
--Colors-Yellow-400: hsla(46, 96%, 53%, 1);
|
|
438
|
+
--Colors-Yellow-500: hsla(43, 93%, 47%, 1);
|
|
439
|
+
--Colors-Yellow-600: hsla(39, 96%, 40%, 1);
|
|
440
|
+
--Colors-Yellow-700: hsla(33, 92%, 33%, 1);
|
|
441
|
+
--Colors-Yellow-800: hsla(30, 81%, 29%, 1);
|
|
442
|
+
--Colors-Yellow-900: hsla(26, 73%, 26%, 1);
|
|
443
|
+
--Colors-Yellow-950: hsla(26, 73%, 19%, 1);
|
|
444
|
+
--Component-colors-Alpha-alpha-white-10: hsla(0, 0%, 100%, 0.1);
|
|
445
|
+
--Component-colors-Alpha-alpha-white-20: hsla(0, 0%, 100%, 0.2);
|
|
446
|
+
--Component-colors-Alpha-alpha-white-30: hsla(0, 0%, 100%, 0.3);
|
|
447
|
+
--Component-colors-Alpha-alpha-white-40: hsla(0, 0%, 100%, 0.4);
|
|
448
|
+
--Component-colors-Alpha-alpha-white-50: hsla(0, 0%, 100%, 0.5);
|
|
449
|
+
--Component-colors-Alpha-alpha-white-60: hsla(0, 0%, 100%, 0.6);
|
|
450
|
+
--Component-colors-Alpha-alpha-white-70: hsla(0, 0%, 100%, 0.7);
|
|
451
|
+
--Component-colors-Alpha-alpha-white-80: hsla(0, 0%, 100%, 0.8);
|
|
452
|
+
--Component-colors-Alpha-alpha-white-90: hsla(0, 0%, 100%, 0.9);
|
|
453
|
+
--Component-colors-Alpha-alpha-white-100: hsla(0, 0%, 100%, 1);
|
|
454
|
+
--Component-colors-Alpha-alpha-black-10: hsla(0, 0%, 0%, 0.1);
|
|
455
|
+
--Component-colors-Alpha-alpha-black-20: hsla(0, 0%, 0%, 0.2);
|
|
456
|
+
--Component-colors-Alpha-alpha-black-30: hsla(0, 0%, 0%, 0.3);
|
|
457
|
+
--Component-colors-Alpha-alpha-black-40: hsla(0, 0%, 0%, 0.4);
|
|
458
|
+
--Component-colors-Alpha-alpha-black-50: hsla(0, 0%, 0%, 0.5);
|
|
459
|
+
--Component-colors-Alpha-alpha-black-60: hsla(0, 0%, 0%, 0.6);
|
|
460
|
+
--Component-colors-Alpha-alpha-black-70: hsla(0, 0%, 0%, 0.7);
|
|
461
|
+
--Component-colors-Alpha-alpha-black-80: hsla(0, 0%, 0%, 0.8);
|
|
462
|
+
--Component-colors-Alpha-alpha-black-90: hsla(0, 0%, 0%, 0.9);
|
|
463
|
+
--Component-colors-Alpha-alpha-black-100: hsla(0, 0%, 0%, 1);
|
|
464
|
+
--Colors-Effects-Portfolio-mockups-shadow-main-centre-md: hsla(220, 29%, 5%, 0.14);
|
|
465
|
+
--Colors-Effects-Portfolio-mockups-shadow-main-centre-lg: hsla(220, 29%, 5%, 0.18);
|
|
466
|
+
--Colors-Effects-Portfolio-mockups-shadow-overlay-lg: hsla(220, 29%, 5%, 0.12);
|
|
467
|
+
--Colors-Effects-Portfolio-mockups-shadow-grid-md: hsla(220, 29%, 5%, 0.08);
|
|
468
|
+
--Colors-Effects-Shadows-shadow-xs: hsla(220, 29%, 5%, 0.05);
|
|
469
|
+
--Colors-Effects-Shadows-shadow-sm_01: hsla(220, 29%, 5%, 0.1);
|
|
470
|
+
--Colors-Effects-Shadows-shadow-sm_02: hsla(220, 29%, 5%, 0.1);
|
|
471
|
+
--Colors-Effects-Shadows-shadow-md_01: hsla(220, 29%, 5%, 0.1);
|
|
472
|
+
--Colors-Effects-Shadows-shadow-md_02: hsla(220, 29%, 5%, 0.06);
|
|
473
|
+
--Colors-Effects-Shadows-shadow-lg_01: hsla(220, 29%, 5%, 0.08);
|
|
474
|
+
--Colors-Effects-Shadows-shadow-lg_02: hsla(220, 29%, 5%, 0.03);
|
|
475
|
+
--Colors-Effects-Shadows-shadow-lg_03: hsla(220, 29%, 5%, 0.04);
|
|
476
|
+
--Colors-Effects-Shadows-shadow-xl_01: hsla(220, 29%, 5%, 0.08);
|
|
477
|
+
--Colors-Effects-Shadows-shadow-xl_02: hsla(220, 29%, 5%, 0.03);
|
|
478
|
+
--Colors-Effects-Shadows-shadow-xl_03: hsla(220, 29%, 5%, 0.04);
|
|
479
|
+
--Colors-Effects-Shadows-shadow-2xl_01: hsla(220, 29%, 5%, 0.18);
|
|
480
|
+
--Colors-Effects-Shadows-shadow-2xl_02: hsla(220, 29%, 5%, 0.04);
|
|
481
|
+
--Colors-Effects-Shadows-shadow-3xl_01: hsla(220, 29%, 5%, 0.14);
|
|
482
|
+
--Colors-Effects-Shadows-shadow-3xl_02: hsla(220, 29%, 5%, 0.04);
|
|
483
|
+
--Colors-Effects-Shadows-shadow-skeumorphic-inner: hsla(220, 29%, 5%, 0.05);
|
|
484
|
+
--Colors-Effects-Shadows-shadow-skeumorphic-inner-border: hsla(220, 29%, 5%, 0.18);
|
|
485
|
+
}
|
|
486
|
+
|
|
487
|
+
html.dark {
|
|
488
|
+
--Colors-Grey-25: hsla(0, 0%, 98%, 1);
|
|
489
|
+
--Colors-Grey-50: hsla(0, 0%, 97%, 1);
|
|
490
|
+
--Colors-Grey-100: hsla(220, 3%, 94%, 1);
|
|
491
|
+
--Colors-Grey-200: hsla(220, 3%, 93%, 1);
|
|
492
|
+
--Colors-Grey-300: hsla(220, 4%, 82%, 1);
|
|
493
|
+
--Colors-Grey-400: hsla(220, 4%, 60%, 1);
|
|
494
|
+
--Colors-Grey-500: hsla(220, 4%, 54%, 1);
|
|
495
|
+
--Colors-Grey-600: hsla(220, 5%, 40%, 1);
|
|
496
|
+
--Colors-Grey-700: hsla(220, 8%, 24%, 1);
|
|
497
|
+
--Colors-Grey-800: hsla(220, 16%, 16%, 1);
|
|
498
|
+
--Colors-Grey-900: hsla(220, 18%, 9%, 1);
|
|
499
|
+
--Colors-Grey-950: hsla(220, 20%, 6%, 1);
|
|
500
|
+
--Colors-Grey-alpha-25: hsla(0, 0%, 100%, 0.98);
|
|
501
|
+
--Colors-Grey-alpha-50: hsla(0, 0%, 100%, 0.96);
|
|
502
|
+
--Colors-Grey-alpha-100: hsla(0, 0%, 100%, 0.94);
|
|
503
|
+
--Colors-Grey-alpha-200: hsla(0, 0%, 100%, 0.92);
|
|
504
|
+
--Colors-Grey-alpha-300: hsla(0, 0%, 100%, 0.8);
|
|
505
|
+
--Colors-Grey-alpha-400: hsla(0, 0%, 100%, 0.56);
|
|
506
|
+
--Colors-Grey-alpha-500: hsla(0, 0%, 100%, 0.5);
|
|
507
|
+
--Colors-Grey-alpha-600: hsla(0, 0%, 100%, 0.35);
|
|
508
|
+
--Colors-Grey-alpha-700: hsla(0, 0%, 100%, 0.16);
|
|
509
|
+
--Colors-Grey-alpha-800: hsla(0, 0%, 100%, 0.08);
|
|
510
|
+
--Colors-Grey-alpha-900: hsla(0, 0%, 100%, 0.04);
|
|
511
|
+
--Colors-Grey-alpha-950: hsla(0, 0%, 100%, 0);
|
|
512
|
+
--Component-colors-Alpha-alpha-white-10: hsla(220, 20%, 6%, 0.1);
|
|
513
|
+
--Component-colors-Alpha-alpha-white-20: hsla(220, 20%, 6%, 0.2);
|
|
514
|
+
--Component-colors-Alpha-alpha-white-30: hsla(220, 20%, 6%, 0.3);
|
|
515
|
+
--Component-colors-Alpha-alpha-white-40: hsla(220, 20%, 6%, 0.4);
|
|
516
|
+
--Component-colors-Alpha-alpha-white-50: hsla(220, 20%, 6%, 0.5);
|
|
517
|
+
--Component-colors-Alpha-alpha-white-60: hsla(220, 20%, 6%, 0.6);
|
|
518
|
+
--Component-colors-Alpha-alpha-white-70: hsla(220, 20%, 6%, 0.7);
|
|
519
|
+
--Component-colors-Alpha-alpha-white-80: hsla(220, 20%, 6%, 0.8);
|
|
520
|
+
--Component-colors-Alpha-alpha-white-90: hsla(220, 20%, 6%, 0.9);
|
|
521
|
+
--Component-colors-Alpha-alpha-white-100: var(--Colors-Grey-950);
|
|
522
|
+
--Component-colors-Alpha-alpha-black-10: hsla(0, 0%, 100%, 0.1);
|
|
523
|
+
--Component-colors-Alpha-alpha-black-20: hsla(0, 0%, 100%, 0.2);
|
|
524
|
+
--Component-colors-Alpha-alpha-black-30: hsla(0, 0%, 100%, 0.3);
|
|
525
|
+
--Component-colors-Alpha-alpha-black-40: hsla(0, 0%, 100%, 0.4);
|
|
526
|
+
--Component-colors-Alpha-alpha-black-50: hsla(0, 0%, 100%, 0.5);
|
|
527
|
+
--Component-colors-Alpha-alpha-black-60: hsla(0, 0%, 100%, 0.6);
|
|
528
|
+
--Component-colors-Alpha-alpha-black-70: hsla(0, 0%, 100%, 0.7);
|
|
529
|
+
--Component-colors-Alpha-alpha-black-80: hsla(0, 0%, 100%, 0.8);
|
|
530
|
+
--Component-colors-Alpha-alpha-black-90: hsla(0, 0%, 100%, 0.9);
|
|
531
|
+
--Component-colors-Alpha-alpha-black-100: hsla(0, 0%, 100%, 1);
|
|
532
|
+
--Colors-Effects-Portfolio-mockups-shadow-main-centre-md: var(--Colors-Base-transparent);
|
|
533
|
+
--Colors-Effects-Portfolio-mockups-shadow-main-centre-lg: var(--Colors-Base-transparent);
|
|
534
|
+
--Colors-Effects-Portfolio-mockups-shadow-overlay-lg: var(--Colors-Base-transparent);
|
|
535
|
+
--Colors-Effects-Portfolio-mockups-shadow-grid-md: var(--Colors-Base-transparent);
|
|
536
|
+
--Colors-Effects-Shadows-shadow-xs: var(--Colors-Base-transparent);
|
|
537
|
+
--Colors-Effects-Shadows-shadow-sm_01: var(--Colors-Base-transparent);
|
|
538
|
+
--Colors-Effects-Shadows-shadow-sm_02: var(--Colors-Base-transparent);
|
|
539
|
+
--Colors-Effects-Shadows-shadow-md_01: var(--Colors-Base-transparent);
|
|
540
|
+
--Colors-Effects-Shadows-shadow-md_02: var(--Colors-Base-transparent);
|
|
541
|
+
--Colors-Effects-Shadows-shadow-lg_01: var(--Colors-Base-transparent);
|
|
542
|
+
--Colors-Effects-Shadows-shadow-lg_02: var(--Colors-Base-transparent);
|
|
543
|
+
--Colors-Effects-Shadows-shadow-lg_03: var(--Colors-Base-transparent);
|
|
544
|
+
--Colors-Effects-Shadows-shadow-xl_01: var(--Colors-Base-transparent);
|
|
545
|
+
--Colors-Effects-Shadows-shadow-xl_02: var(--Colors-Base-transparent);
|
|
546
|
+
--Colors-Effects-Shadows-shadow-xl_03: var(--Colors-Base-transparent);
|
|
547
|
+
--Colors-Effects-Shadows-shadow-2xl_01: var(--Colors-Base-transparent);
|
|
548
|
+
--Colors-Effects-Shadows-shadow-2xl_02: var(--Colors-Base-transparent);
|
|
549
|
+
--Colors-Effects-Shadows-shadow-3xl_01: var(--Colors-Base-transparent);
|
|
550
|
+
--Colors-Effects-Shadows-shadow-3xl_02: var(--Colors-Base-transparent);
|
|
551
|
+
--Colors-Effects-Shadows-shadow-skeumorphic-inner: hsla(220, 20%, 6%, 0.05);
|
|
552
|
+
--Colors-Effects-Shadows-shadow-skeumorphic-inner-border: hsla(220, 20%, 6%, 0.18);
|
|
553
|
+
}
|
package/colors.js
CHANGED
|
@@ -1,68 +1,614 @@
|
|
|
1
1
|
"use strict"
|
|
2
2
|
|
|
3
3
|
export default {
|
|
4
|
+
white: 'var(--Colors-Base-white)',
|
|
5
|
+
black: 'var(--Colors-Base-black)',
|
|
6
|
+
transparent: 'var(--Colors-Base-transparent)',
|
|
7
|
+
|
|
4
8
|
grey: {
|
|
5
|
-
25:
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
25: 'var(--Colors-Grey-25)',
|
|
10
|
+
50: 'var(--Colors-Grey-50)',
|
|
11
|
+
100: 'var(--Colors-Grey-100)',
|
|
12
|
+
200: 'var(--Colors-Grey-200)',
|
|
13
|
+
300: 'var(--Colors-Grey-300)',
|
|
14
|
+
400: 'var(--Colors-Grey-400)',
|
|
15
|
+
500: 'var(--Colors-Grey-500)',
|
|
16
|
+
600: 'var(--Colors-Grey-600)',
|
|
17
|
+
700: 'var(--Colors-Grey-700)',
|
|
18
|
+
800: 'var(--Colors-Grey-800)',
|
|
19
|
+
900: 'var(--Colors-Grey-900)',
|
|
20
|
+
950: 'var(--Colors-Grey-950)',
|
|
21
|
+
|
|
22
|
+
blue: {
|
|
23
|
+
25: 'var(--Colors-Grey-blue-25)',
|
|
24
|
+
50: 'var(--Colors-Grey-blue-50)',
|
|
25
|
+
100: 'var(--Colors-Grey-blue-100)',
|
|
26
|
+
200: 'var(--Colors-Grey-blue-200)',
|
|
27
|
+
300: 'var(--Colors-Grey-blue-300)',
|
|
28
|
+
400: 'var(--Colors-Grey-blue-400)',
|
|
29
|
+
500: 'var(--Colors-Grey-blue-500)',
|
|
30
|
+
600: 'var(--Colors-Grey-blue-600)',
|
|
31
|
+
700: 'var(--Colors-Grey-blue-700)',
|
|
32
|
+
800: 'var(--Colors-Grey-blue-800)',
|
|
33
|
+
900: 'var(--Colors-Grey-blue-900)',
|
|
34
|
+
950: 'var(--Colors-Grey-blue-950)',
|
|
35
|
+
},
|
|
36
|
+
|
|
37
|
+
cool: {
|
|
38
|
+
25: 'var(--Colors-Grey-cool-25)',
|
|
39
|
+
50: 'var(--Colors-Grey-cool-50)',
|
|
40
|
+
100: 'var(--Colors-Grey-cool-100)',
|
|
41
|
+
200: 'var(--Colors-Grey-cool-200)',
|
|
42
|
+
300: 'var(--Colors-Grey-cool-300)',
|
|
43
|
+
400: 'var(--Colors-Grey-cool-400)',
|
|
44
|
+
500: 'var(--Colors-Grey-cool-500)',
|
|
45
|
+
600: 'var(--Colors-Grey-cool-600)',
|
|
46
|
+
700: 'var(--Colors-Grey-cool-700)',
|
|
47
|
+
800: 'var(--Colors-Grey-cool-800)',
|
|
48
|
+
900: 'var(--Colors-Grey-cool-900)',
|
|
49
|
+
950: 'var(--Colors-Grey-cool-950)',
|
|
50
|
+
},
|
|
51
|
+
|
|
52
|
+
modern: {
|
|
53
|
+
25: 'var(--Colors-Grey-modern-25)',
|
|
54
|
+
50: 'var(--Colors-Grey-modern-50)',
|
|
55
|
+
100: 'var(--Colors-Grey-modern-100)',
|
|
56
|
+
200: 'var(--Colors-Grey-modern-200)',
|
|
57
|
+
300: 'var(--Colors-Grey-modern-300)',
|
|
58
|
+
400: 'var(--Colors-Grey-modern-400)',
|
|
59
|
+
500: 'var(--Colors-Grey-modern-500)',
|
|
60
|
+
600: 'var(--Colors-Grey-modern-600)',
|
|
61
|
+
700: 'var(--Colors-Grey-modern-700)',
|
|
62
|
+
800: 'var(--Colors-Grey-modern-800)',
|
|
63
|
+
900: 'var(--Colors-Grey-modern-900)',
|
|
64
|
+
950: 'var(--Colors-Grey-modern-950)',
|
|
65
|
+
},
|
|
66
|
+
|
|
67
|
+
neutral: {
|
|
68
|
+
25: 'var(--Colors-Grey-neutral-25)',
|
|
69
|
+
50: 'var(--Colors-Grey-neutral-50)',
|
|
70
|
+
100: 'var(--Colors-Grey-neutral-100)',
|
|
71
|
+
200: 'var(--Colors-Grey-neutral-200)',
|
|
72
|
+
300: 'var(--Colors-Grey-neutral-300)',
|
|
73
|
+
400: 'var(--Colors-Grey-neutral-400)',
|
|
74
|
+
500: 'var(--Colors-Grey-neutral-500)',
|
|
75
|
+
600: 'var(--Colors-Grey-neutral-600)',
|
|
76
|
+
700: 'var(--Colors-Grey-neutral-700)',
|
|
77
|
+
800: 'var(--Colors-Grey-neutral-800)',
|
|
78
|
+
900: 'var(--Colors-Grey-neutral-900)',
|
|
79
|
+
950: 'var(--Colors-Grey-neutral-950)',
|
|
80
|
+
},
|
|
81
|
+
|
|
82
|
+
iron: {
|
|
83
|
+
25: 'var(--Colors-Grey-iron-25)',
|
|
84
|
+
50: 'var(--Colors-Grey-iron-50)',
|
|
85
|
+
100: 'var(--Colors-Grey-iron-100)',
|
|
86
|
+
200: 'var(--Colors-Grey-iron-200)',
|
|
87
|
+
300: 'var(--Colors-Grey-iron-300)',
|
|
88
|
+
400: 'var(--Colors-Grey-iron-400)',
|
|
89
|
+
500: 'var(--Colors-Grey-iron-500)',
|
|
90
|
+
600: 'var(--Colors-Grey-iron-600)',
|
|
91
|
+
700: 'var(--Colors-Grey-iron-700)',
|
|
92
|
+
800: 'var(--Colors-Grey-iron-800)',
|
|
93
|
+
900: 'var(--Colors-Grey-iron-900)',
|
|
94
|
+
950: 'var(--Colors-Grey-iron-950)',
|
|
95
|
+
},
|
|
96
|
+
|
|
97
|
+
true: {
|
|
98
|
+
25: 'var(--Colors-Grey-true-25)',
|
|
99
|
+
50: 'var(--Colors-Grey-true-50)',
|
|
100
|
+
100: 'var(--Colors-Grey-true-100)',
|
|
101
|
+
200: 'var(--Colors-Grey-true-200)',
|
|
102
|
+
300: 'var(--Colors-Grey-true-300)',
|
|
103
|
+
400: 'var(--Colors-Grey-true-400)',
|
|
104
|
+
500: 'var(--Colors-Grey-true-500)',
|
|
105
|
+
600: 'var(--Colors-Grey-true-600)',
|
|
106
|
+
700: 'var(--Colors-Grey-true-700)',
|
|
107
|
+
800: 'var(--Colors-Grey-true-800)',
|
|
108
|
+
900: 'var(--Colors-Grey-true-900)',
|
|
109
|
+
950: 'var(--Colors-Grey-true-950)',
|
|
110
|
+
},
|
|
111
|
+
|
|
112
|
+
warm: {
|
|
113
|
+
25: 'var(--Colors-Grey-warm-25)',
|
|
114
|
+
50: 'var(--Colors-Grey-warm-50)',
|
|
115
|
+
100: 'var(--Colors-Grey-warm-100)',
|
|
116
|
+
200: 'var(--Colors-Grey-warm-200)',
|
|
117
|
+
300: 'var(--Colors-Grey-warm-300)',
|
|
118
|
+
400: 'var(--Colors-Grey-warm-400)',
|
|
119
|
+
500: 'var(--Colors-Grey-warm-500)',
|
|
120
|
+
600: 'var(--Colors-Grey-warm-600)',
|
|
121
|
+
700: 'var(--Colors-Grey-warm-700)',
|
|
122
|
+
800: 'var(--Colors-Grey-warm-800)',
|
|
123
|
+
900: 'var(--Colors-Grey-warm-900)',
|
|
124
|
+
950: 'var(--Colors-Grey-warm-950)',
|
|
13
125
|
},
|
|
126
|
+
|
|
127
|
+
alpha: {
|
|
128
|
+
25: 'var(--Colors-Grey-alpha-25)',
|
|
129
|
+
50: 'var(--Colors-Grey-alpha-50)',
|
|
130
|
+
100: 'var(--Colors-Grey-alpha-100)',
|
|
131
|
+
200: 'var(--Colors-Grey-alpha-200)',
|
|
132
|
+
300: 'var(--Colors-Grey-alpha-300)',
|
|
133
|
+
400: 'var(--Colors-Grey-alpha-400)',
|
|
134
|
+
500: 'var(--Colors-Grey-alpha-500)',
|
|
135
|
+
600: 'var(--Colors-Grey-alpha-600)',
|
|
136
|
+
700: 'var(--Colors-Grey-alpha-700)',
|
|
137
|
+
800: 'var(--Colors-Grey-alpha-800)',
|
|
138
|
+
900: 'var(--Colors-Grey-alpha-900)',
|
|
139
|
+
950: 'var(--Colors-Grey-alpha-950)',
|
|
140
|
+
}
|
|
14
141
|
},
|
|
15
142
|
|
|
16
143
|
brand: {
|
|
17
|
-
25:
|
|
18
|
-
|
|
19
|
-
|
|
144
|
+
25: 'var(--Colors-Brand-25)',
|
|
145
|
+
50: 'var(--Colors-Brand-50)',
|
|
146
|
+
100: 'var(--Colors-Brand-100)',
|
|
147
|
+
200: 'var(--Colors-Brand-200)',
|
|
148
|
+
300: 'var(--Colors-Brand-300)',
|
|
149
|
+
400: 'var(--Colors-Brand-400)',
|
|
150
|
+
500: 'var(--Colors-Brand-500)',
|
|
151
|
+
600: 'var(--Colors-Brand-600)',
|
|
152
|
+
700: 'var(--Colors-Brand-700)',
|
|
153
|
+
800: 'var(--Colors-Brand-800)',
|
|
154
|
+
900: 'var(--Colors-Brand-900)',
|
|
155
|
+
950: 'var(--Colors-Brand-950)',
|
|
156
|
+
},
|
|
157
|
+
|
|
158
|
+
redseed: {
|
|
159
|
+
red: {
|
|
160
|
+
5: 'var(--Colors-RedSeed-Red-5)',
|
|
161
|
+
10: 'var(--Colors-RedSeed-Red-10)',
|
|
162
|
+
15: 'var(--Colors-RedSeed-Red-15)',
|
|
163
|
+
20: 'var(--Colors-RedSeed-Red-20)',
|
|
164
|
+
25: 'var(--Colors-RedSeed-Red-25)',
|
|
165
|
+
50: 'var(--Colors-RedSeed-Red-50)',
|
|
166
|
+
100: 'var(--Colors-RedSeed-Red-100)',
|
|
167
|
+
200: 'var(--Colors-RedSeed-Red-200)',
|
|
168
|
+
300: 'var(--Colors-RedSeed-Red-300)',
|
|
169
|
+
400: 'var(--Colors-RedSeed-Red-400)',
|
|
170
|
+
500: 'var(--Colors-RedSeed-Red-500)',
|
|
171
|
+
600: 'var(--Colors-RedSeed-Red-600)',
|
|
172
|
+
700: 'var(--Colors-RedSeed-Red-700)',
|
|
173
|
+
800: 'var(--Colors-RedSeed-Red-800)',
|
|
174
|
+
900: 'var(--Colors-RedSeed-Red-900)',
|
|
175
|
+
950: 'var(--Colors-RedSeed-Red-950)',
|
|
176
|
+
975: 'var(--Colors-RedSeed-Red-975)',
|
|
177
|
+
990: 'var(--Colors-RedSeed-Red-990)',
|
|
178
|
+
},
|
|
179
|
+
|
|
180
|
+
blue: {
|
|
181
|
+
5: 'var(--Colors-RedSeed-Blue-5)',
|
|
182
|
+
10: 'var(--Colors-RedSeed-Blue-10)',
|
|
183
|
+
15: 'var(--Colors-RedSeed-Blue-15)',
|
|
184
|
+
20: 'var(--Colors-RedSeed-Blue-20)',
|
|
185
|
+
25: 'var(--Colors-RedSeed-Blue-25)',
|
|
186
|
+
50: 'var(--Colors-RedSeed-Blue-50)',
|
|
187
|
+
100: 'var(--Colors-RedSeed-Blue-100)',
|
|
188
|
+
200: 'var(--Colors-RedSeed-Blue-200)',
|
|
189
|
+
300: 'var(--Colors-RedSeed-Blue-300)',
|
|
190
|
+
400: 'var(--Colors-RedSeed-Blue-400)',
|
|
191
|
+
500: 'var(--Colors-RedSeed-Blue-500)',
|
|
192
|
+
600: 'var(--Colors-RedSeed-Blue-600)',
|
|
193
|
+
700: 'var(--Colors-RedSeed-Blue-700)',
|
|
194
|
+
800: 'var(--Colors-RedSeed-Blue-800)',
|
|
195
|
+
900: 'var(--Colors-RedSeed-Blue-900)',
|
|
196
|
+
950: 'var(--Colors-RedSeed-Blue-950)',
|
|
197
|
+
975: 'var(--Colors-RedSeed-Blue-975)',
|
|
198
|
+
990: 'var(--Colors-RedSeed-Blue-990)',
|
|
199
|
+
},
|
|
200
|
+
|
|
201
|
+
green: {
|
|
202
|
+
5: 'var(--Colors-RedSeed-Green-5)',
|
|
203
|
+
10: 'var(--Colors-RedSeed-Green-10)',
|
|
204
|
+
15: 'var(--Colors-RedSeed-Green-15)',
|
|
205
|
+
20: 'var(--Colors-RedSeed-Green-20)',
|
|
206
|
+
25: 'var(--Colors-RedSeed-Green-25)',
|
|
207
|
+
50: 'var(--Colors-RedSeed-Green-50)',
|
|
208
|
+
100: 'var(--Colors-RedSeed-Green-100)',
|
|
209
|
+
200: 'var(--Colors-RedSeed-Green-200)',
|
|
210
|
+
300: 'var(--Colors-RedSeed-Green-300)',
|
|
211
|
+
400: 'var(--Colors-RedSeed-Green-400)',
|
|
212
|
+
500: 'var(--Colors-RedSeed-Green-500)',
|
|
213
|
+
600: 'var(--Colors-RedSeed-Green-600)',
|
|
214
|
+
700: 'var(--Colors-RedSeed-Green-700)',
|
|
215
|
+
800: 'var(--Colors-RedSeed-Green-800)',
|
|
216
|
+
900: 'var(--Colors-RedSeed-Green-900)',
|
|
217
|
+
950: 'var(--Colors-RedSeed-Green-950)',
|
|
218
|
+
975: 'var(--Colors-RedSeed-Green-975)',
|
|
219
|
+
990: 'var(--Colors-RedSeed-Green-990)',
|
|
220
|
+
},
|
|
221
|
+
|
|
222
|
+
yellow: {
|
|
223
|
+
5: 'var(--Colors-RedSeed-Yellow-5)',
|
|
224
|
+
10: 'var(--Colors-RedSeed-Yellow-10)',
|
|
225
|
+
15: 'var(--Colors-RedSeed-Yellow-15)',
|
|
226
|
+
20: 'var(--Colors-RedSeed-Yellow-20)',
|
|
227
|
+
25: 'var(--Colors-RedSeed-Yellow-25)',
|
|
228
|
+
50: 'var(--Colors-RedSeed-Yellow-50)',
|
|
229
|
+
100: 'var(--Colors-RedSeed-Yellow-100)',
|
|
230
|
+
200: 'var(--Colors-RedSeed-Yellow-200)',
|
|
231
|
+
300: 'var(--Colors-RedSeed-Yellow-300)',
|
|
232
|
+
400: 'var(--Colors-RedSeed-Yellow-400)',
|
|
233
|
+
500: 'var(--Colors-RedSeed-Yellow-500)',
|
|
234
|
+
600: 'var(--Colors-RedSeed-Yellow-600)',
|
|
235
|
+
700: 'var(--Colors-RedSeed-Yellow-700)',
|
|
236
|
+
800: 'var(--Colors-RedSeed-Yellow-800)',
|
|
237
|
+
900: 'var(--Colors-RedSeed-Yellow-900)',
|
|
238
|
+
},
|
|
239
|
+
|
|
240
|
+
purple: {
|
|
241
|
+
5: 'var(--Colors-RedSeed-Purple-5)',
|
|
242
|
+
10: 'var(--Colors-RedSeed-Purple-10)',
|
|
243
|
+
15: 'var(--Colors-RedSeed-Purple-15)',
|
|
244
|
+
20: 'var(--Colors-RedSeed-Purple-20)',
|
|
245
|
+
25: 'var(--Colors-RedSeed-Purple-25)',
|
|
246
|
+
50: 'var(--Colors-RedSeed-Purple-50)',
|
|
247
|
+
100: 'var(--Colors-RedSeed-Purple-100)',
|
|
248
|
+
200: 'var(--Colors-RedSeed-Purple-200)',
|
|
249
|
+
300: 'var(--Colors-RedSeed-Purple-300)',
|
|
250
|
+
400: 'var(--Colors-RedSeed-Purple-400)',
|
|
251
|
+
500: 'var(--Colors-RedSeed-Purple-500)',
|
|
252
|
+
600: 'var(--Colors-RedSeed-Purple-600)',
|
|
253
|
+
700: 'var(--Colors-RedSeed-Purple-700)',
|
|
254
|
+
800: 'var(--Colors-RedSeed-Purple-800)',
|
|
255
|
+
900: 'var(--Colors-RedSeed-Purple-900)',
|
|
256
|
+
950: 'var(--Colors-RedSeed-Purple-950)',
|
|
257
|
+
975: 'var(--Colors-RedSeed-Purple-975)',
|
|
258
|
+
990: 'var(--Colors-RedSeed-Purple-990)',
|
|
259
|
+
995: 'var(--Colors-RedSeed-Purple-995)',
|
|
260
|
+
}
|
|
20
261
|
},
|
|
21
262
|
|
|
22
263
|
error: {
|
|
23
|
-
25:
|
|
24
|
-
|
|
25
|
-
|
|
264
|
+
25: 'var(--Colors-Error-25)',
|
|
265
|
+
50: 'var(--Colors-Error-50)',
|
|
266
|
+
100: 'var(--Colors-Error-100)',
|
|
267
|
+
200: 'var(--Colors-Error-200)',
|
|
268
|
+
300: 'var(--Colors-Error-300)',
|
|
269
|
+
400: 'var(--Colors-Error-400)',
|
|
270
|
+
500: 'var(--Colors-Error-500)',
|
|
271
|
+
600: 'var(--Colors-Error-600)',
|
|
272
|
+
700: 'var(--Colors-Error-700)',
|
|
273
|
+
800: 'var(--Colors-Error-800)',
|
|
274
|
+
900: 'var(--Colors-Error-900)',
|
|
275
|
+
950: 'var(--Colors-Error-950)',
|
|
26
276
|
},
|
|
27
277
|
|
|
28
278
|
warning: {
|
|
29
|
-
25:
|
|
30
|
-
|
|
31
|
-
|
|
279
|
+
25: 'var(--Colors-Warning-25)',
|
|
280
|
+
50: 'var(--Colors-Warning-50)',
|
|
281
|
+
100: 'var(--Colors-Warning-100)',
|
|
282
|
+
200: 'var(--Colors-Warning-200)',
|
|
283
|
+
300: 'var(--Colors-Warning-300)',
|
|
284
|
+
400: 'var(--Colors-Warning-400)',
|
|
285
|
+
500: 'var(--Colors-Warning-500)',
|
|
286
|
+
600: 'var(--Colors-Warning-600)',
|
|
287
|
+
700: 'var(--Colors-Warning-700)',
|
|
288
|
+
800: 'var(--Colors-Warning-800)',
|
|
289
|
+
900: 'var(--Colors-Warning-900)',
|
|
290
|
+
950: 'var(--Colors-Warning-950)',
|
|
32
291
|
},
|
|
33
292
|
|
|
34
293
|
success: {
|
|
35
|
-
25:
|
|
36
|
-
|
|
37
|
-
|
|
294
|
+
25: 'var(--Colors-Success-25)',
|
|
295
|
+
50: 'var(--Colors-Success-50)',
|
|
296
|
+
100: 'var(--Colors-Success-100)',
|
|
297
|
+
200: 'var(--Colors-Success-200)',
|
|
298
|
+
300: 'var(--Colors-Success-300)',
|
|
299
|
+
400: 'var(--Colors-Success-400)',
|
|
300
|
+
500: 'var(--Colors-Success-500)',
|
|
301
|
+
600: 'var(--Colors-Success-600)',
|
|
302
|
+
700: 'var(--Colors-Success-700)',
|
|
303
|
+
800: 'var(--Colors-Success-800)',
|
|
304
|
+
900: 'var(--Colors-Success-900)',
|
|
305
|
+
950: 'var(--Colors-Success-950)',
|
|
38
306
|
},
|
|
39
307
|
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
308
|
+
moss: {
|
|
309
|
+
25: 'var(--Colors-Moss-25)',
|
|
310
|
+
50: 'var(--Colors-Moss-50)',
|
|
311
|
+
100: 'var(--Colors-Moss-100)',
|
|
312
|
+
200: 'var(--Colors-Moss-200)',
|
|
313
|
+
300: 'var(--Colors-Moss-300)',
|
|
314
|
+
400: 'var(--Colors-Moss-400)',
|
|
315
|
+
500: 'var(--Colors-Moss-500)',
|
|
316
|
+
600: 'var(--Colors-Moss-600)',
|
|
317
|
+
700: 'var(--Colors-Moss-700)',
|
|
318
|
+
800: 'var(--Colors-Moss-800)',
|
|
319
|
+
900: 'var(--Colors-Moss-900)',
|
|
320
|
+
950: 'var(--Colors-Moss-950)',
|
|
321
|
+
},
|
|
322
|
+
|
|
323
|
+
green: {
|
|
324
|
+
25: 'var(--Colors-Green-25)',
|
|
325
|
+
50: 'var(--Colors-Green-50)',
|
|
326
|
+
100: 'var(--Colors-Green-100)',
|
|
327
|
+
200: 'var(--Colors-Green-200)',
|
|
328
|
+
300: 'var(--Colors-Green-300)',
|
|
329
|
+
400: 'var(--Colors-Green-400)',
|
|
330
|
+
500: 'var(--Colors-Green-500)',
|
|
331
|
+
600: 'var(--Colors-Green-600)',
|
|
332
|
+
700: 'var(--Colors-Green-700)',
|
|
333
|
+
800: 'var(--Colors-Green-800)',
|
|
334
|
+
900: 'var(--Colors-Green-900)',
|
|
335
|
+
950: 'var(--Colors-Green-950)',
|
|
336
|
+
|
|
337
|
+
light: {
|
|
338
|
+
25: 'var(--Colors-Green-light-25)',
|
|
339
|
+
50: 'var(--Colors-Green-light-50)',
|
|
340
|
+
100: 'var(--Colors-Green-light-100)',
|
|
341
|
+
200: 'var(--Colors-Green-light-200)',
|
|
342
|
+
300: 'var(--Colors-Green-light-300)',
|
|
343
|
+
400: 'var(--Colors-Green-light-400)',
|
|
344
|
+
500: 'var(--Colors-Green-light-500)',
|
|
345
|
+
600: 'var(--Colors-Green-light-600)',
|
|
346
|
+
700: 'var(--Colors-Green-light-700)',
|
|
347
|
+
800: 'var(--Colors-Green-light-800)',
|
|
348
|
+
900: 'var(--Colors-Green-light-900)',
|
|
349
|
+
950: 'var(--Colors-Green-light-950)',
|
|
350
|
+
},
|
|
44
351
|
},
|
|
45
352
|
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
353
|
+
teal: {
|
|
354
|
+
25: 'var(--Colors-Teal-25)',
|
|
355
|
+
50: 'var(--Colors-Teal-50)',
|
|
356
|
+
100: 'var(--Colors-Teal-100)',
|
|
357
|
+
200: 'var(--Colors-Teal-200)',
|
|
358
|
+
300: 'var(--Colors-Teal-300)',
|
|
359
|
+
400: 'var(--Colors-Teal-400)',
|
|
360
|
+
500: 'var(--Colors-Teal-500)',
|
|
361
|
+
600: 'var(--Colors-Teal-600)',
|
|
362
|
+
700: 'var(--Colors-Teal-700)',
|
|
363
|
+
800: 'var(--Colors-Teal-800)',
|
|
364
|
+
900: 'var(--Colors-Teal-900)',
|
|
365
|
+
950: 'var(--Colors-Teal-950)',
|
|
50
366
|
},
|
|
51
367
|
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
368
|
+
cyan: {
|
|
369
|
+
25: 'var(--Colors-Cyan-25)',
|
|
370
|
+
50: 'var(--Colors-Cyan-50)',
|
|
371
|
+
100: 'var(--Colors-Cyan-100)',
|
|
372
|
+
200: 'var(--Colors-Cyan-200)',
|
|
373
|
+
300: 'var(--Colors-Cyan-300)',
|
|
374
|
+
400: 'var(--Colors-Cyan-400)',
|
|
375
|
+
500: 'var(--Colors-Cyan-500)',
|
|
376
|
+
600: 'var(--Colors-Cyan-600)',
|
|
377
|
+
700: 'var(--Colors-Cyan-700)',
|
|
378
|
+
800: 'var(--Colors-Cyan-800)',
|
|
379
|
+
900: 'var(--Colors-Cyan-900)',
|
|
380
|
+
950: 'var(--Colors-Cyan-950)',
|
|
56
381
|
},
|
|
57
382
|
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
383
|
+
blue: {
|
|
384
|
+
25: 'var(--Colors-Blue-25)',
|
|
385
|
+
50: 'var(--Colors-Blue-50)',
|
|
386
|
+
100: 'var(--Colors-Blue-100)',
|
|
387
|
+
200: 'var(--Colors-Blue-200)',
|
|
388
|
+
300: 'var(--Colors-Blue-300)',
|
|
389
|
+
400: 'var(--Colors-Blue-400)',
|
|
390
|
+
500: 'var(--Colors-Blue-500)',
|
|
391
|
+
600: 'var(--Colors-Blue-600)',
|
|
392
|
+
700: 'var(--Colors-Blue-700)',
|
|
393
|
+
800: 'var(--Colors-Blue-800)',
|
|
394
|
+
900: 'var(--Colors-Blue-900)',
|
|
395
|
+
950: 'var(--Colors-Blue-950)',
|
|
396
|
+
|
|
397
|
+
light: {
|
|
398
|
+
25: 'var(--Colors-Blue-light-25)',
|
|
399
|
+
50: 'var(--Colors-Blue-light-50)',
|
|
400
|
+
100: 'var(--Colors-Blue-light-100)',
|
|
401
|
+
200: 'var(--Colors-Blue-light-200)',
|
|
402
|
+
300: 'var(--Colors-Blue-light-300)',
|
|
403
|
+
400: 'var(--Colors-Blue-light-400)',
|
|
404
|
+
500: 'var(--Colors-Blue-light-500)',
|
|
405
|
+
600: 'var(--Colors-Blue-light-600)',
|
|
406
|
+
700: 'var(--Colors-Blue-light-700)',
|
|
407
|
+
800: 'var(--Colors-Blue-light-800)',
|
|
408
|
+
900: 'var(--Colors-Blue-light-900)',
|
|
409
|
+
950: 'var(--Colors-Blue-light-950)',
|
|
410
|
+
},
|
|
411
|
+
|
|
412
|
+
dark: {
|
|
413
|
+
25: 'var(--Colors-Blue-dark-25)',
|
|
414
|
+
50: 'var(--Colors-Blue-dark-50)',
|
|
415
|
+
100: 'var(--Colors-Blue-dark-100)',
|
|
416
|
+
200: 'var(--Colors-Blue-dark-200)',
|
|
417
|
+
300: 'var(--Colors-Blue-dark-300)',
|
|
418
|
+
400: 'var(--Colors-Blue-dark-400)',
|
|
419
|
+
500: 'var(--Colors-Blue-dark-500)',
|
|
420
|
+
600: 'var(--Colors-Blue-dark-600)',
|
|
421
|
+
700: 'var(--Colors-Blue-dark-700)',
|
|
422
|
+
800: 'var(--Colors-Blue-dark-800)',
|
|
423
|
+
900: 'var(--Colors-Blue-dark-900)',
|
|
424
|
+
950: 'var(--Colors-Blue-dark-950)',
|
|
425
|
+
},
|
|
426
|
+
},
|
|
427
|
+
|
|
428
|
+
indigo: {
|
|
429
|
+
25: 'var(--Colors-Indigo-25)',
|
|
430
|
+
50: 'var(--Colors-Indigo-50)',
|
|
431
|
+
100: 'var(--Colors-Indigo-100)',
|
|
432
|
+
200: 'var(--Colors-Indigo-200)',
|
|
433
|
+
300: 'var(--Colors-Indigo-300)',
|
|
434
|
+
400: 'var(--Colors-Indigo-400)',
|
|
435
|
+
500: 'var(--Colors-Indigo-500)',
|
|
436
|
+
600: 'var(--Colors-Indigo-600)',
|
|
437
|
+
700: 'var(--Colors-Indigo-700)',
|
|
438
|
+
800: 'var(--Colors-Indigo-800)',
|
|
439
|
+
900: 'var(--Colors-Indigo-900)',
|
|
440
|
+
950: 'var(--Colors-Indigo-950)',
|
|
441
|
+
},
|
|
442
|
+
|
|
443
|
+
violet: {
|
|
444
|
+
25: 'var(--Colors-Violet-25)',
|
|
445
|
+
50: 'var(--Colors-Violet-50)',
|
|
446
|
+
100: 'var(--Colors-Violet-100)',
|
|
447
|
+
200: 'var(--Colors-Violet-200)',
|
|
448
|
+
300: 'var(--Colors-Violet-300)',
|
|
449
|
+
400: 'var(--Colors-Violet-400)',
|
|
450
|
+
500: 'var(--Colors-Violet-500)',
|
|
451
|
+
600: 'var(--Colors-Violet-600)',
|
|
452
|
+
700: 'var(--Colors-Violet-700)',
|
|
453
|
+
800: 'var(--Colors-Violet-800)',
|
|
454
|
+
900: 'var(--Colors-Violet-900)',
|
|
455
|
+
950: 'var(--Colors-Violet-950)',
|
|
456
|
+
},
|
|
457
|
+
|
|
458
|
+
purple: {
|
|
459
|
+
25: 'var(--Colors-Purple-25)',
|
|
460
|
+
50: 'var(--Colors-Purple-50)',
|
|
461
|
+
100: 'var(--Colors-Purple-100)',
|
|
462
|
+
200: 'var(--Colors-Purple-200)',
|
|
463
|
+
300: 'var(--Colors-Purple-300)',
|
|
464
|
+
400: 'var(--Colors-Purple-400)',
|
|
465
|
+
500: 'var(--Colors-Purple-500)',
|
|
466
|
+
600: 'var(--Colors-Purple-600)',
|
|
467
|
+
700: 'var(--Colors-Purple-700)',
|
|
468
|
+
800: 'var(--Colors-Purple-800)',
|
|
469
|
+
900: 'var(--Colors-Purple-900)',
|
|
470
|
+
950: 'var(--Colors-Purple-950)',
|
|
471
|
+
},
|
|
472
|
+
|
|
473
|
+
fuchsia: {
|
|
474
|
+
25: 'var(--Colors-Fuchsia-25)',
|
|
475
|
+
50: 'var(--Colors-Fuchsia-50)',
|
|
476
|
+
100: 'var(--Colors-Fuchsia-100)',
|
|
477
|
+
200: 'var(--Colors-Fuchsia-200)',
|
|
478
|
+
300: 'var(--Colors-Fuchsia-300)',
|
|
479
|
+
400: 'var(--Colors-Fuchsia-400)',
|
|
480
|
+
500: 'var(--Colors-Fuchsia-500)',
|
|
481
|
+
600: 'var(--Colors-Fuchsia-600)',
|
|
482
|
+
700: 'var(--Colors-Fuchsia-700)',
|
|
483
|
+
800: 'var(--Colors-Fuchsia-800)',
|
|
484
|
+
900: 'var(--Colors-Fuchsia-900)',
|
|
485
|
+
950: 'var(--Colors-Fuchsia-950)',
|
|
486
|
+
},
|
|
487
|
+
|
|
488
|
+
pink: {
|
|
489
|
+
25: 'var(--Colors-Pink-25)',
|
|
490
|
+
50: 'var(--Colors-Pink-50)',
|
|
491
|
+
100: 'var(--Colors-Pink-100)',
|
|
492
|
+
200: 'var(--Colors-Pink-200)',
|
|
493
|
+
300: 'var(--Colors-Pink-300)',
|
|
494
|
+
400: 'var(--Colors-Pink-400)',
|
|
495
|
+
500: 'var(--Colors-Pink-500)',
|
|
496
|
+
600: 'var(--Colors-Pink-600)',
|
|
497
|
+
700: 'var(--Colors-Pink-700)',
|
|
498
|
+
800: 'var(--Colors-Pink-800)',
|
|
499
|
+
900: 'var(--Colors-Pink-900)',
|
|
500
|
+
950: 'var(--Colors-Pink-950)',
|
|
501
|
+
},
|
|
502
|
+
|
|
503
|
+
rosé: {
|
|
504
|
+
25: 'var(--Colors-Rosé-25)',
|
|
505
|
+
50: 'var(--Colors-Rosé-50)',
|
|
506
|
+
100: 'var(--Colors-Rosé-100)',
|
|
507
|
+
200: 'var(--Colors-Rosé-200)',
|
|
508
|
+
300: 'var(--Colors-Rosé-300)',
|
|
509
|
+
400: 'var(--Colors-Rosé-400)',
|
|
510
|
+
500: 'var(--Colors-Rosé-500)',
|
|
511
|
+
600: 'var(--Colors-Rosé-600)',
|
|
512
|
+
700: 'var(--Colors-Rosé-700)',
|
|
513
|
+
800: 'var(--Colors-Rosé-800)',
|
|
514
|
+
900: 'var(--Colors-Rosé-900)',
|
|
515
|
+
950: 'var(--Colors-Rosé-950)',
|
|
516
|
+
},
|
|
517
|
+
|
|
518
|
+
orange: {
|
|
519
|
+
25: 'var(--Colors-Orange-25)',
|
|
520
|
+
50: 'var(--Colors-Orange-50)',
|
|
521
|
+
100: 'var(--Colors-Orange-100)',
|
|
522
|
+
200: 'var(--Colors-Orange-200)',
|
|
523
|
+
300: 'var(--Colors-Orange-300)',
|
|
524
|
+
400: 'var(--Colors-Orange-400)',
|
|
525
|
+
500: 'var(--Colors-Orange-500)',
|
|
526
|
+
600: 'var(--Colors-Orange-600)',
|
|
527
|
+
700: 'var(--Colors-Orange-700)',
|
|
528
|
+
800: 'var(--Colors-Orange-800)',
|
|
529
|
+
900: 'var(--Colors-Orange-900)',
|
|
530
|
+
950: 'var(--Colors-Orange-950)',
|
|
531
|
+
|
|
532
|
+
dark: {
|
|
533
|
+
25: 'var(--Colors-Orange-dark-25)',
|
|
534
|
+
50: 'var(--Colors-Orange-dark-50)',
|
|
535
|
+
100: 'var(--Colors-Orange-dark-100)',
|
|
536
|
+
200: 'var(--Colors-Orange-dark-200)',
|
|
537
|
+
300: 'var(--Colors-Orange-dark-300)',
|
|
538
|
+
400: 'var(--Colors-Orange-dark-400)',
|
|
539
|
+
500: 'var(--Colors-Orange-dark-500)',
|
|
540
|
+
600: 'var(--Colors-Orange-dark-600)',
|
|
541
|
+
700: 'var(--Colors-Orange-dark-700)',
|
|
542
|
+
800: 'var(--Colors-Orange-dark-800)',
|
|
543
|
+
900: 'var(--Colors-Orange-dark-900)',
|
|
544
|
+
950: 'var(--Colors-Orange-dark-950)',
|
|
545
|
+
},
|
|
546
|
+
},
|
|
547
|
+
|
|
548
|
+
yellow: {
|
|
549
|
+
25: 'var(--Colors-Yellow-25)',
|
|
550
|
+
50: 'var(--Colors-Yellow-50)',
|
|
551
|
+
100: 'var(--Colors-Yellow-100)',
|
|
552
|
+
200: 'var(--Colors-Yellow-200)',
|
|
553
|
+
300: 'var(--Colors-Yellow-300)',
|
|
554
|
+
400: 'var(--Colors-Yellow-400)',
|
|
555
|
+
500: 'var(--Colors-Yellow-500)',
|
|
556
|
+
600: 'var(--Colors-Yellow-600)',
|
|
557
|
+
700: 'var(--Colors-Yellow-700)',
|
|
558
|
+
800: 'var(--Colors-Yellow-800)',
|
|
559
|
+
900: 'var(--Colors-Yellow-900)',
|
|
560
|
+
950: 'var(--Colors-Yellow-950)',
|
|
561
|
+
},
|
|
562
|
+
|
|
563
|
+
alpha: {
|
|
564
|
+
white: {
|
|
565
|
+
10: 'var(--Component-colors-Alpha-alpha-white-10)',
|
|
566
|
+
20: 'var(--Component-colors-Alpha-alpha-white-20)',
|
|
567
|
+
30: 'var(--Component-colors-Alpha-alpha-white-30)',
|
|
568
|
+
40: 'var(--Component-colors-Alpha-alpha-white-40)',
|
|
569
|
+
50: 'var(--Component-colors-Alpha-alpha-white-50)',
|
|
570
|
+
60: 'var(--Component-colors-Alpha-alpha-white-60)',
|
|
571
|
+
70: 'var(--Component-colors-Alpha-alpha-white-70)',
|
|
572
|
+
80: 'var(--Component-colors-Alpha-alpha-white-80)',
|
|
573
|
+
90: 'var(--Component-colors-Alpha-alpha-white-90)',
|
|
574
|
+
100: 'var(--Component-colors-Alpha-alpha-white-100)',
|
|
575
|
+
},
|
|
576
|
+
|
|
577
|
+
black: {
|
|
578
|
+
10: 'var(--Component-colors-Alpha-alpha-black-10)',
|
|
579
|
+
20: 'var(--Component-colors-Alpha-alpha-black-20)',
|
|
580
|
+
30: 'var(--Component-colors-Alpha-alpha-black-30)',
|
|
581
|
+
40: 'var(--Component-colors-Alpha-alpha-black-40)',
|
|
582
|
+
50: 'var(--Component-colors-Alpha-alpha-black-50)',
|
|
583
|
+
60: 'var(--Component-colors-Alpha-alpha-black-60)',
|
|
584
|
+
70: 'var(--Component-colors-Alpha-alpha-black-70)',
|
|
585
|
+
80: 'var(--Component-colors-Alpha-alpha-black-80)',
|
|
586
|
+
90: 'var(--Component-colors-Alpha-alpha-black-90)',
|
|
587
|
+
100: 'var(--Component-colors-Alpha-alpha-black-100)',
|
|
588
|
+
},
|
|
62
589
|
},
|
|
63
590
|
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
591
|
+
shadow: {
|
|
592
|
+
xs: 'var(--Colors-Effects-Shadows-shadow-xs)',
|
|
593
|
+
sm_01: 'var(--Colors-Effects-Shadows-shadow-sm_01)',
|
|
594
|
+
sm_02: 'var(--Colors-Effects-Shadows-shadow-sm_02)',
|
|
595
|
+
md_01: 'var(--Colors-Effects-Shadows-shadow-md_01)',
|
|
596
|
+
md_02: 'var(--Colors-Effects-Shadows-shadow-md_02)',
|
|
597
|
+
lg_01: 'var(--Colors-Effects-Shadows-shadow-lg_01)',
|
|
598
|
+
lg_02: 'var(--Colors-Effects-Shadows-shadow-lg_02)',
|
|
599
|
+
lg_03: 'var(--Colors-Effects-Shadows-shadow-lg_03)',
|
|
600
|
+
xl_01: 'var(--Colors-Effects-Shadows-shadow-xl_01)',
|
|
601
|
+
xl_02: 'var(--Colors-Effects-Shadows-shadow-xl_02)',
|
|
602
|
+
xl_03: 'var(--Colors-Effects-Shadows-shadow-xl_03)',
|
|
603
|
+
'2xl_01': 'var(--Colors-Effects-Shadows-shadow-2xl_01)',
|
|
604
|
+
'2xl_02': 'var(--Colors-Effects-Shadows-shadow-2xl_02)',
|
|
605
|
+
'3xl_01': 'var(--Colors-Effects-Shadows-shadow-3xl_01)',
|
|
606
|
+
'3xl_02': 'var(--Colors-Effects-Shadows-shadow-3xl_02)',
|
|
607
|
+
skeumorphic_inner: 'var(--Colors-Effects-Shadows-shadow-skeumorphic-inner)',
|
|
608
|
+
skeumorphic_inner_border: 'var(--Colors-Effects-Shadows-shadow-skeumorphic-inner-border)',
|
|
609
|
+
'main-centre-md': 'var(--Colors-Effects-Portfolio-mockups-shadow-main-centre-md)',
|
|
610
|
+
'main-centre-lg': 'var(--Colors-Effects-Portfolio-mockups-shadow-main-centre-lg)',
|
|
611
|
+
'overlay-lg': 'var(--Colors-Effects-Portfolio-mockups-shadow-overlay-lg)',
|
|
612
|
+
'grid-md': 'var(--Colors-Effects-Portfolio-mockups-shadow-grid-md)',
|
|
67
613
|
},
|
|
68
614
|
}
|
package/index.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
const defaultTheme = require('tailwindcss/defaultTheme')
|
|
2
|
-
const defaultColors = require('tailwindcss/colors')
|
|
3
2
|
const rsuiColors = require('./colors')
|
|
4
3
|
|
|
5
4
|
module.exports = {
|
|
5
|
+
darkMode: 'selector',
|
|
6
6
|
theme: {
|
|
7
7
|
container: {
|
|
8
8
|
center: true,
|
|
@@ -33,9 +33,9 @@ module.exports = {
|
|
|
33
33
|
/**
|
|
34
34
|
* Primary colors.
|
|
35
35
|
*/
|
|
36
|
-
'primary-foreground':
|
|
36
|
+
'primary-foreground': rsuiColors.white,
|
|
37
37
|
'primary-background': rsuiColors.brand['500'],
|
|
38
|
-
'primary-foreground-hover':
|
|
38
|
+
'primary-foreground-hover': rsuiColors.white,
|
|
39
39
|
'primary-background-hover': rsuiColors.brand['700'],
|
|
40
40
|
},
|
|
41
41
|
aspectRatio: {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@redseed/redseed-ui-tailwindcss",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "5.0.0",
|
|
4
4
|
"description": "RedSeed UI Tailwindcss",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"repository": "https://github.com/redseedtraining/redseed-ui",
|
|
@@ -12,9 +12,9 @@
|
|
|
12
12
|
"license": "ISC",
|
|
13
13
|
"dependencies": {
|
|
14
14
|
"autoprefixer": "^10.4.21",
|
|
15
|
-
"postcss": "^8.5.
|
|
16
|
-
"postcss-import": "^16.1.
|
|
17
|
-
"sass": "^1.
|
|
15
|
+
"postcss": "^8.5.6",
|
|
16
|
+
"postcss-import": "^16.1.1",
|
|
17
|
+
"sass": "^1.89.2",
|
|
18
18
|
"tailwindcss": "^3.4.17"
|
|
19
19
|
}
|
|
20
20
|
}
|