draft-components 0.72.1 → 0.75.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.
@@ -1,323 +1,5 @@
1
1
  @use '../abstracts' as dc;
2
2
 
3
- /*------------------------------------*\
4
- #TEXT COLOR
5
- \*------------------------------------*/
6
- .color-inherit {
7
- color: inherit !important;
8
- }
9
-
10
- .color-primary {
11
- color: var(--dc-primary-text-color) !important;
12
- }
13
-
14
- .color-secondary {
15
- color: var(--dc-secondary-text-color) !important;
16
- }
17
-
18
- .color-tertiary {
19
- color: var(--dc-tertiary-text-color) !important;
20
- }
21
-
22
- .color-link {
23
- color: var(--dc-link-text-color) !important;
24
- }
25
-
26
- .color-error {
27
- color: var(--dc-error-text-color) !important;
28
- }
29
-
30
- .color-warning {
31
- color: var(--dc-warning-text-color) !important;
32
- }
33
-
34
- .color-info {
35
- color: var(--dc-info-text-color) !important;
36
- }
37
-
38
- .color-success {
39
- color: var(--dc-success-text-color) !important;
40
- }
41
-
42
- .text-gray-50 {
43
- color: dc.$gray-50 !important;
44
- }
45
- .text-gray-100 {
46
- color: dc.$gray-100 !important;
47
- }
48
- .text-gray-200 {
49
- color: dc.$gray-200 !important;
50
- }
51
- .text-gray-300 {
52
- color: dc.$gray-300 !important;
53
- }
54
- .text-gray-400 {
55
- color: dc.$gray-400 !important;
56
- }
57
- .text-gray-500 {
58
- color: dc.$gray-500 !important;
59
- }
60
- .text-gray-600 {
61
- color: dc.$gray-600 !important;
62
- }
63
- .text-gray-700 {
64
- color: dc.$gray-700 !important;
65
- }
66
- .text-gray-800 {
67
- color: dc.$gray-800 !important;
68
- }
69
- .text-gray-900 {
70
- color: dc.$gray-900 !important;
71
- }
72
-
73
- .text-blue-50 {
74
- color: dc.$blue-50 !important;
75
- }
76
- .text-blue-100 {
77
- color: dc.$blue-100 !important;
78
- }
79
- .text-blue-200 {
80
- color: dc.$blue-200 !important;
81
- }
82
- .text-blue-300 {
83
- color: dc.$blue-300 !important;
84
- }
85
- .text-blue-400 {
86
- color: dc.$blue-400 !important;
87
- }
88
- .text-blue-500 {
89
- color: dc.$blue-500 !important;
90
- }
91
- .text-blue-600 {
92
- color: dc.$blue-600 !important;
93
- }
94
- .text-blue-700 {
95
- color: dc.$blue-700 !important;
96
- }
97
- .text-blue-800 {
98
- color: dc.$blue-800 !important;
99
- }
100
- .text-blue-900 {
101
- color: dc.$blue-900 !important;
102
- }
103
-
104
- .text-cyan-50 {
105
- color: dc.$cyan-50 !important;
106
- }
107
- .text-cyan-100 {
108
- color: dc.$cyan-100 !important;
109
- }
110
- .text-cyan-200 {
111
- color: dc.$cyan-200 !important;
112
- }
113
- .text-cyan-300 {
114
- color: dc.$cyan-300 !important;
115
- }
116
- .text-cyan-400 {
117
- color: dc.$cyan-400 !important;
118
- }
119
- .text-cyan-500 {
120
- color: dc.$cyan-500 !important;
121
- }
122
- .text-cyan-600 {
123
- color: dc.$cyan-600 !important;
124
- }
125
- .text-cyan-700 {
126
- color: dc.$cyan-700 !important;
127
- }
128
- .text-cyan-800 {
129
- color: dc.$cyan-800 !important;
130
- }
131
- .text-cyan-900 {
132
- color: dc.$cyan-900 !important;
133
- }
134
-
135
- .text-red-50 {
136
- color: dc.$red-50 !important;
137
- }
138
- .text-red-100 {
139
- color: dc.$red-100 !important;
140
- }
141
- .text-red-200 {
142
- color: dc.$red-200 !important;
143
- }
144
- .text-red-300 {
145
- color: dc.$red-300 !important;
146
- }
147
- .text-red-400 {
148
- color: dc.$red-400 !important;
149
- }
150
- .text-red-500 {
151
- color: dc.$red-500 !important;
152
- }
153
- .text-red-600 {
154
- color: dc.$red-600 !important;
155
- }
156
- .text-red-700 {
157
- color: dc.$red-700 !important;
158
- }
159
- .text-red-800 {
160
- color: dc.$red-800 !important;
161
- }
162
- .text-red-900 {
163
- color: dc.$red-900 !important;
164
- }
165
-
166
- .text-green-50 {
167
- color: dc.$green-50 !important;
168
- }
169
- .text-green-100 {
170
- color: dc.$green-100 !important;
171
- }
172
- .text-green-200 {
173
- color: dc.$green-200 !important;
174
- }
175
- .text-green-300 {
176
- color: dc.$green-300 !important;
177
- }
178
- .text-green-400 {
179
- color: dc.$green-400 !important;
180
- }
181
- .text-green-500 {
182
- color: dc.$green-500 !important;
183
- }
184
- .text-green-600 {
185
- color: dc.$green-600 !important;
186
- }
187
- .text-green-700 {
188
- color: dc.$green-700 !important;
189
- }
190
- .text-green-800 {
191
- color: dc.$green-800 !important;
192
- }
193
- .text-green-900 {
194
- color: dc.$green-900 !important;
195
- }
196
-
197
- .text-lime-50 {
198
- color: dc.$lime-50 !important;
199
- }
200
- .text-lime-100 {
201
- color: dc.$lime-100 !important;
202
- }
203
- .text-lime-200 {
204
- color: dc.$lime-200 !important;
205
- }
206
- .text-lime-300 {
207
- color: dc.$lime-300 !important;
208
- }
209
- .text-lime-400 {
210
- color: dc.$lime-400 !important;
211
- }
212
- .text-lime-500 {
213
- color: dc.$lime-500 !important;
214
- }
215
- .text-lime-600 {
216
- color: dc.$lime-600 !important;
217
- }
218
- .text-lime-700 {
219
- color: dc.$lime-700 !important;
220
- }
221
- .text-lime-800 {
222
- color: dc.$lime-800 !important;
223
- }
224
- .text-lime-900 {
225
- color: dc.$lime-900 !important;
226
- }
227
-
228
- .text-indigo-50 {
229
- color: dc.$indigo-50 !important;
230
- }
231
- .text-indigo-100 {
232
- color: dc.$indigo-100 !important;
233
- }
234
- .text-indigo-200 {
235
- color: dc.$indigo-200 !important;
236
- }
237
- .text-indigo-300 {
238
- color: dc.$indigo-300 !important;
239
- }
240
- .text-indigo-400 {
241
- color: dc.$indigo-400 !important;
242
- }
243
- .text-indigo-500 {
244
- color: dc.$indigo-500 !important;
245
- }
246
- .text-indigo-600 {
247
- color: dc.$indigo-600 !important;
248
- }
249
- .text-indigo-700 {
250
- color: dc.$indigo-700 !important;
251
- }
252
- .text-indigo-800 {
253
- color: dc.$indigo-800 !important;
254
- }
255
- .text-indigo-900 {
256
- color: dc.$indigo-900 !important;
257
- }
258
-
259
- .text-yellow-50 {
260
- color: dc.$yellow-50 !important;
261
- }
262
- .text-yellow-100 {
263
- color: dc.$yellow-100 !important;
264
- }
265
- .text-yellow-200 {
266
- color: dc.$yellow-200 !important;
267
- }
268
- .text-yellow-300 {
269
- color: dc.$yellow-300 !important;
270
- }
271
- .text-yellow-400 {
272
- color: dc.$yellow-400 !important;
273
- }
274
- .text-yellow-500 {
275
- color: dc.$yellow-500 !important;
276
- }
277
- .text-yellow-600 {
278
- color: dc.$yellow-600 !important;
279
- }
280
- .text-yellow-700 {
281
- color: dc.$yellow-700 !important;
282
- }
283
- .text-yellow-800 {
284
- color: dc.$yellow-800 !important;
285
- }
286
- .text-yellow-900 {
287
- color: dc.$yellow-900 !important;
288
- }
289
-
290
- .text-orange-50 {
291
- color: dc.$orange-50 !important;
292
- }
293
- .text-orange-100 {
294
- color: dc.$orange-100 !important;
295
- }
296
- .text-orange-200 {
297
- color: dc.$orange-200 !important;
298
- }
299
- .text-orange-300 {
300
- color: dc.$orange-300 !important;
301
- }
302
- .text-orange-400 {
303
- color: dc.$orange-400 !important;
304
- }
305
- .text-orange-500 {
306
- color: dc.$orange-500 !important;
307
- }
308
- .text-orange-600 {
309
- color: dc.$orange-600 !important;
310
- }
311
- .text-orange-700 {
312
- color: dc.$orange-700 !important;
313
- }
314
- .text-orange-800 {
315
- color: dc.$orange-800 !important;
316
- }
317
- .text-orange-900 {
318
- color: dc.$orange-900 !important;
319
- }
320
-
321
3
  /*------------------------------------*\
322
4
  #TEXT WEIGHT
323
5
  \*------------------------------------*/