armtek-uikit-react 1.0.122 → 1.0.125

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.
Files changed (7) hide show
  1. package/assets/classes.scss +437 -0
  2. package/assets/fonts.scss +20 -0
  3. package/assets/global.scss +2 -457
  4. package/assets/styles.min.css +1 -1
  5. package/assets/styles.min.css.map +1 -1
  6. package/assets/styles.scss +1 -0
  7. package/package.json +1 -1
package/assets/classes.scss ADDED
@@ -0,0 +1,437 @@
1
+
2
+ .border-radius {border-radius: var(--border-radius)}
3
+
4
+ .w-full{width: 100%}
5
+ .h-full{height: 100%}
6
+
7
+ .border-top{ border-top: 1px solid}
8
+ .border-bottom{ border-top: 1px solid}
9
+ .border-gray-50{ border-color: var(--color-gray-50)}
10
+ .border-gray-100{ border-color: var(--color-gray-100)}
11
+ .border-gray-200{ border-color: var(--color-gray-200)}
12
+ .border-gray-300{ border-color: var(--color-gray-300)}
13
+
14
+ .flex{display: flex}
15
+ .block{display: block}
16
+ .d-none{display: none}
17
+ .items-center {align-items: center}
18
+ .flex-wrap {flex-wrap: wrap}
19
+ .justify-center {justify-content: center}
20
+ .justify-between {justify-content: space-between}
21
+
22
+ .font-weight-regular{font-weight: var(--font-weight-regular)}
23
+ .font-weight-medium{font-weight: var(--font-weight-medium)}
24
+ .font-weight-bold{font-weight: var(--font-weight-bold)}
25
+
26
+ .text-primary{color: var(--color-primary)}
27
+ .text-primary-dark{color: var(--color-primary-dark)}
28
+ .text-primary-light{color: var(--color-primary-light)}
29
+ .text-primary-opacity{color: var(--color-primary-opacity)}
30
+ .text-primary-contrast{color: var(--color-primary-contrast)}
31
+ .text-secondary{color: var(--color-secondary)}
32
+ .text-secondary-light{color: var(--color-secondary-light)}
33
+ .text-secondary-dark{color: var(--color-secondary-dark)}
34
+ .text-secondary-opacity{color: var(--color-secondary-opacity)}
35
+ .text-secondary-contrast{color: var(--color-secondary-contrast)}
36
+ .text-neutral{color: var(--color-neutral)}
37
+ .text-neutral-light{color: var(--color-neutral-light)}
38
+ .text-neutral-dark{color: var(--color-neutral-dark)}
39
+ .text-neutral-opacity{color: var(--color-neutral-opacity)}
40
+ .text-neutral-contrast{color: var(--color-neutral-contrast)}
41
+ .text-error{color: var(--color-error)}
42
+ .text-error-light{color: var(--color-error-light)}
43
+ .text-error-dark{color: var(--color-error-dark)}
44
+ .text-error-opacity{color: var(--color-error-opacity)}
45
+ .text-error-contrast{color: var(--color-error-contrast)}
46
+ .text-color-warning{color: var(--color-warning)}
47
+ .text-warning-light{color: var(--color-warning-light)}
48
+ .text-warning-dark{color: var(--color-warning-dark)}
49
+ .text-warning-opacity{color: var(--color-warning-opacity)}
50
+ .text-warning-contrast{color: var(--color-warning-contrast)}
51
+ .text-info{color: var(--color-info)}
52
+ .text-info-light{color: var(--color-info-light)}
53
+ .text-info-dark{color: var(--color-info-dark)}
54
+ .text-info-opacity{color: var(--color-info-opacity)}
55
+ .text-info-contrast{color: var(--color-info-contrast)}
56
+ .text-success{color: var(--color-success)}
57
+ .text-success-light{color: var(--color-success-light)}
58
+ .text-success-dark{color: var(--color-success-dark)}
59
+ .text-success-opacity{color: var(--color-success-opacity)}
60
+ .text-success-contrast{color: var(--color-success-contrast)}
61
+ .text-orange-a700{color: var(--color-orange-a700)}
62
+ .text-orange-a400{color: var(--color-orange-a400)}
63
+ .text-orange-a200{color: var(--color-orange-a200)}
64
+ .text-orange-a100{color: var(--color-orange-a100)}
65
+ .text-orange-d2{color: var(--color-orange-d2)}
66
+ .text-orange-d1{color: var(--color-orange-d1)}
67
+ .text-orange-900{color: var(--color-orange-900)}
68
+ .text-orange-800{color: var(--color-orange-800)}
69
+ .text-orange-700{color: var(--color-orange-700)}
70
+ .text-orange-600{color: var(--color-orange-600)}
71
+ .text-orange-500{color: var(--color-orange-500)}
72
+ .text-orange-400{color: var(--color-orange-400)}
73
+ .text-orange-300{color: var(--color-orange-300)}
74
+ .text-orange-200{color: var(--color-orange-200)}
75
+ .text-orange-100{color: var(--color-orange-100)}
76
+ .text-orange-50{color: var(--color-orange-50)}
77
+ .text-blue-a700{color: var(--color-blue-a700)}
78
+ .text-blue-a400{color: var(--color-blue-a400)}
79
+ .text-blue-a200{color: var(--color-blue-a200)}
80
+ .text-blue-a100{color: var(--color-blue-a100)}
81
+ .text-blue-d2{color: var(--color-blue-d2)}
82
+ .text-blue-d1{color: var(--color-blue-d1)}
83
+ .text-blue-900{color: var(--color-blue-900)}
84
+ .text-blue-800{color: var(--color-blue-800)}
85
+ .text-blue-700{color: var(--color-blue-700)}
86
+ .text-blue-600{color: var(--color-blue-600)}
87
+ .text-blue-500{color: var(--color-blue-500)}
88
+ .text-blue-400{color: var(--color-blue-400)}
89
+ .text-blue-300{color: var(--color-blue-300)}
90
+ .text-blue-200{color: var(--color-blue-200)}
91
+ .text-blue-100{color: var(--color-blue-100)}
92
+ .text-blue-50{color: var(--color-blue-50)}
93
+ .text-gray-a700{color: var(--color-gray-a700)}
94
+ .text-gray-a400{color: var(--color-gray-a400)}
95
+ .text-gray-a200{color: var(--color-gray-a200)}
96
+ .text-gray-a100{color: var(--color-gray-a100)}
97
+ .text-gray-900{color: var(--color-gray-900)}
98
+ .text-gray-800{color: var(--color-gray-800)}
99
+ .text-gray-700{color: var(--color-gray-700)}
100
+ .text-gray-600{color: var(--color-gray-600)}
101
+ .text-gray-500{color: var(--color-gray-500)}
102
+ .text-gray-400{color: var(--color-gray-400)}
103
+ .text-gray-300{color: var(--color-gray-300)}
104
+ .text-gray-200{color: var(--color-gray-200)}
105
+ .text-gray-100{color: var(--color-gray-100)}
106
+ .text-gray-50{color: var(--color-gray-50)}
107
+ .text-red-a700{color: var(--color-red-a700)}
108
+ .text-red-a400{color: var(--color-red-a400)}
109
+ .text-red-a200{color: var(--color-red-a200)}
110
+ .text-red-a100{color: var(--color-red-a100)}
111
+ .text-red-d2{color: var(--color-red-d2)}
112
+ .text-red-d2{color: var(--color-red-d1)}
113
+ .text-red-900{color: var(--color-red-900)}
114
+ .text-red-800{color: var(--color-red-800)}
115
+ .text-red-700{color: var(--color-red-700)}
116
+ .text-red-600{color: var(--color-red-600)}
117
+ .text-red-500{color: var(--color-red-500)}
118
+ .text-red-400{color: var(--color-red-400)}
119
+ .text-red-300{color: var(--color-red-300)}
120
+ .text-red-200{color: var(--color-red-200)}
121
+ .text-red-100{color: var(--color-red-100)}
122
+ .text-red-50{color: var(--color-red-50)}
123
+ .text-yellow-a700{color: var(--color-yellow-a700)}
124
+ .text-yellow-a400{color: var(--color-yellow-a400)}
125
+ .text-yellow-a200{color: var(--color-yellow-a200)}
126
+ .text-yellow-a100{color: var(--color-yellow-a100)}
127
+ .text-yellow-d2{color: var(--color-yellow-d2)}
128
+ .text-yellow-d1{color: var(--color-yellow-d1)}
129
+ .text-yellow-900{color: var(--color-yellow-900)}
130
+ .text-yellow-800{color: var(--color-yellow-800)}
131
+ .text-yellow-700{color: var(--color-yellow-700)}
132
+ .text-yellow-600{color: var(--color-yellow-600)}
133
+ .text-yellow-500{color: var(--color-yellow-500)}
134
+ .text-yellow-400{color: var(--color-yellow-400)}
135
+ .text-yellow-300{color: var(--color-yellow-300)}
136
+ .text-yellow-200{color: var(--color-yellow-200)}
137
+ .text-yellow-100{color: var(--color-yellow-100)}
138
+ .text-yellow-50{color: var(--color-yellow-50)}
139
+ .text-green-a700{color: var(--color-green-a700)}
140
+ .text-green-a400{color: var(--color-green-a400)}
141
+ .text-green-a200{color: var(--color-green-a200)}
142
+ .text-green-a100{color: var(--color-green-a100)}
143
+ .text-green-d2{color: var(--color-green-d2)}
144
+ .text-green-d1{color: var(--color-green-d1)}
145
+ .text-green-900{color: var(--color-green-900)}
146
+ .text-green-800{color: var(--color-green-800)}
147
+ .text-green-700{color: var(--color-green-700)}
148
+ .text-green-600{color: var(--color-green-600)}
149
+ .text-green-500{color: var(--color-green-500)}
150
+ .text-green-400{color: var(--color-green-400)}
151
+ .text-green-300{color: var(--color-green-300)}
152
+ .text-green-200{color: var(--color-green-200)}
153
+ .text-green-100{color: var(--color-green-100)}
154
+ .text-green-50{color: var(--color-green-50)}
155
+
156
+ .bg-primary{background-color: var(--color-primary)}
157
+ .bg-primary-dark{background-color: var(--color-primary-dark)}
158
+ .bg-primary-light{background-color: var(--color-primary-light)}
159
+ .bg-primary-opacity{background-color: var(--color-primary-opacity)}
160
+ .bg-primary-contrast{background-color: var(--color-primary-contrast)}
161
+ .bg-secondary{background-color: var(--color-secondary)}
162
+ .bg-secondary-light{background-color: var(--color-secondary-light)}
163
+ .bg-secondary-dark{background-color: var(--color-secondary-dark)}
164
+ .bg-secondary-opacity{background-color: var(--color-secondary-opacity)}
165
+ .bg-secondary-contrast{background-color: var(--color-secondary-contrast)}
166
+ .bg-neutral{background-color: var(--color-neutral)}
167
+ .bg-neutral-light{background-color: var(--color-neutral-light)}
168
+ .bg-neutral-dark{background-color: var(--color-neutral-dark)}
169
+ .bg-neutral-opacity{background-color: var(--color-neutral-opacity)}
170
+ .bg-neutral-contrast{background-color: var(--color-neutral-contrast)}
171
+ .bg-error{background-color: var(--color-error)}
172
+ .bg-error-light{background-color: var(--color-error-light)}
173
+ .bg-error-dark{background-color: var(--color-error-dark)}
174
+ .bg-error-opacity{background-color: var(--color-error-opacity)}
175
+ .bg-error-contrast{background-color: var(--color-error-contrast)}
176
+ .bg-color-warning{background-color: var(--color-warning)}
177
+ .bg-warning-light{background-color: var(--color-warning-light)}
178
+ .bg-warning-dark{background-color: var(--color-warning-dark)}
179
+ .bg-warning-opacity{background-color: var(--color-warning-opacity)}
180
+ .bg-warning-contrast{background-color: var(--color-warning-contrast)}
181
+ .bg-info{background-color: var(--color-info)}
182
+ .bg-info-light{background-color: var(--color-info-light)}
183
+ .bg-info-dark{background-color: var(--color-info-dark)}
184
+ .bg-info-opacity{background-color: var(--color-info-opacity)}
185
+ .bg-info-contrast{background-color: var(--color-info-contrast)}
186
+ .bg-success{background-color: var(--color-success)}
187
+ .bg-success-light{background-color: var(--color-success-light)}
188
+ .bg-success-dark{background-color: var(--color-success-dark)}
189
+ .bg-success-opacity{background-color: var(--color-success-opacity)}
190
+ .bg-success-contrast{background-color: var(--color-success-contrast)}
191
+ .bg-orange-a700{background-color: var(--color-orange-a700)}
192
+ .bg-orange-a400{background-color: var(--color-orange-a400)}
193
+ .bg-orange-a200{background-color: var(--color-orange-a200)}
194
+ .bg-orange-a100{background-color: var(--color-orange-a100)}
195
+ .bg-orange-d2{background-color: var(--color-orange-d2)}
196
+ .bg-orange-d1{background-color: var(--color-orange-d1)}
197
+ .bg-orange-900{background-color: var(--color-orange-900)}
198
+ .bg-orange-800{background-color: var(--color-orange-800)}
199
+ .bg-orange-700{background-color: var(--color-orange-700)}
200
+ .bg-orange-600{background-color: var(--color-orange-600)}
201
+ .bg-orange-500{background-color: var(--color-orange-500)}
202
+ .bg-orange-400{background-color: var(--color-orange-400)}
203
+ .bg-orange-300{background-color: var(--color-orange-300)}
204
+ .bg-orange-200{background-color: var(--color-orange-200)}
205
+ .bg-orange-100{background-color: var(--color-orange-100)}
206
+ .bg-orange-50{background-color: var(--color-orange-50)}
207
+ .bg-blue-a700{background-color: var(--color-blue-a700)}
208
+ .bg-blue-a400{background-color: var(--color-blue-a400)}
209
+ .bg-blue-a200{background-color: var(--color-blue-a200)}
210
+ .bg-blue-a100{background-color: var(--color-blue-a100)}
211
+ .bg-blue-d2{background-color: var(--color-blue-d2)}
212
+ .bg-blue-d1{background-color: var(--color-blue-d1)}
213
+ .bg-blue-900{background-color: var(--color-blue-900)}
214
+ .bg-blue-800{background-color: var(--color-blue-800)}
215
+ .bg-blue-700{background-color: var(--color-blue-700)}
216
+ .bg-blue-600{background-color: var(--color-blue-600)}
217
+ .bg-blue-500{background-color: var(--color-blue-500)}
218
+ .bg-blue-400{background-color: var(--color-blue-400)}
219
+ .bg-blue-300{background-color: var(--color-blue-300)}
220
+ .bg-blue-200{background-color: var(--color-blue-200)}
221
+ .bg-blue-100{background-color: var(--color-blue-100)}
222
+ .bg-blue-50{background-color: var(--color-blue-50)}
223
+ .bg-gray-a700{background-color: var(--color-gray-a700)}
224
+ .bg-gray-a400{background-color: var(--color-gray-a400)}
225
+ .bg-gray-a200{background-color: var(--color-gray-a200)}
226
+ .bg-gray-a100{background-color: var(--color-gray-a100)}
227
+ .bg-gray-900{background-color: var(--color-gray-900)}
228
+ .bg-gray-800{background-color: var(--color-gray-800)}
229
+ .bg-gray-700{background-color: var(--color-gray-700)}
230
+ .bg-gray-600{background-color: var(--color-gray-600)}
231
+ .bg-gray-500{background-color: var(--color-gray-500)}
232
+ .bg-gray-400{background-color: var(--color-gray-400)}
233
+ .bg-gray-300{background-color: var(--color-gray-300)}
234
+ .bg-gray-200{background-color: var(--color-gray-200)}
235
+ .bg-gray-100{background-color: var(--color-gray-100)}
236
+ .bg-gray-50{background-color: var(--color-gray-50)}
237
+ .bg-red-a700{background-color: var(--color-red-a700)}
238
+ .bg-red-a400{background-color: var(--color-red-a400)}
239
+ .bg-red-a200{background-color: var(--color-red-a200)}
240
+ .bg-red-a100{background-color: var(--color-red-a100)}
241
+ .bg-red-d2{background-color: var(--color-red-d2)}
242
+ .bg-red-d2{background-color: var(--color-red-d1)}
243
+ .bg-red-900{background-color: var(--color-red-900)}
244
+ .bg-red-800{background-color: var(--color-red-800)}
245
+ .bg-red-700{background-color: var(--color-red-700)}
246
+ .bg-red-600{background-color: var(--color-red-600)}
247
+ .bg-red-500{background-color: var(--color-red-500)}
248
+ .bg-red-400{background-color: var(--color-red-400)}
249
+ .bg-red-300{background-color: var(--color-red-300)}
250
+ .bg-red-200{background-color: var(--color-red-200)}
251
+ .bg-red-100{background-color: var(--color-red-100)}
252
+ .bg-red-50{background-color: var(--color-red-50)}
253
+ .bg-yellow-a700{background-color: var(--color-yellow-a700)}
254
+ .bg-yellow-a400{background-color: var(--color-yellow-a400)}
255
+ .bg-yellow-a200{background-color: var(--color-yellow-a200)}
256
+ .bg-yellow-a100{background-color: var(--color-yellow-a100)}
257
+ .bg-yellow-d2{background-color: var(--color-yellow-d2)}
258
+ .bg-yellow-d1{background-color: var(--color-yellow-d1)}
259
+ .bg-yellow-900{background-color: var(--color-yellow-900)}
260
+ .bg-yellow-800{background-color: var(--color-yellow-800)}
261
+ .bg-yellow-700{background-color: var(--color-yellow-700)}
262
+ .bg-yellow-600{background-color: var(--color-yellow-600)}
263
+ .bg-yellow-500{background-color: var(--color-yellow-500)}
264
+ .bg-yellow-400{background-color: var(--color-yellow-400)}
265
+ .bg-yellow-300{background-color: var(--color-yellow-300)}
266
+ .bg-yellow-200{background-color: var(--color-yellow-200)}
267
+ .bg-yellow-100{background-color: var(--color-yellow-100)}
268
+ .bg-yellow-50{background-color: var(--color-yellow-50)}
269
+ .bg-green-a700{background-color: var(--color-green-a700)}
270
+ .bg-green-a400{background-color: var(--color-green-a400)}
271
+ .bg-green-a200{background-color: var(--color-green-a200)}
272
+ .bg-green-a100{background-color: var(--color-green-a100)}
273
+ .bg-green-d2{background-color: var(--color-green-d2)}
274
+ .bg-green-d1{background-color: var(--color-green-d1)}
275
+ .bg-green-900{background-color: var(--color-green-900)}
276
+ .bg-green-800{background-color: var(--color-green-800)}
277
+ .bg-green-700{background-color: var(--color-green-700)}
278
+ .bg-green-600{background-color: var(--color-green-600)}
279
+ .bg-green-500{background-color: var(--color-green-500)}
280
+ .bg-green-400{background-color: var(--color-green-400)}
281
+ .bg-green-300{background-color: var(--color-green-300)}
282
+ .bg-green-200{background-color: var(--color-green-200)}
283
+ .bg-green-100{background-color: var(--color-green-100)}
284
+ .bg-green-50{background-color: var(--color-green-50)}
285
+
286
+
287
+
288
+
289
+ .m-0{margin: 0}
290
+ .m-1{margin:var(--size-step)}
291
+ .m-2{margin:calc(var(--size-step) * 2)}
292
+ .m-3{margin:calc(var(--size-step) * 3)}
293
+ .m-4{margin:calc(var(--size-step) * 4)}
294
+ .m-5{margin:calc(var(--size-step) * 5)}
295
+ .m-6{margin:calc(var(--size-step) * 6)}
296
+
297
+ .mx-0{margin-left:0;margin-right:0}
298
+ .mx-1{margin-left:var(--size-step);margin-right:var(--size-step)}
299
+ .mx-2{margin-left:calc(var(--size-step) * 2);margin-right:calc(var(--size-step) * 2)}
300
+ .mx-3{margin-left:calc(var(--size-step) * 3);margin-right:calc(var(--size-step) * 3)}
301
+ .mx-4{margin-left:calc(var(--size-step) * 4);margin-right:calc(var(--size-step) * 4)}
302
+ .mx-5{margin-left:calc(var(--size-step) * 5);margin-right:calc(var(--size-step) * 5)}
303
+ .mx-6{margin-left:calc(var(--size-step) * 6);margin-right:calc(var(--size-step) * 6)}
304
+
305
+ .my-0{margin-top:0;margin-bottom:0}
306
+ .my-1{margin-top:var(--size-step);margin-right:var(--size-step)}
307
+ .my-2{margin-top:calc(var(--size-step) * 2);margin-bottom:calc(var(--size-step) * 2)}
308
+ .my-3{margin-top:calc(var(--size-step) * 3);margin-bottom:calc(var(--size-step) * 3)}
309
+ .my-4{margin-top:calc(var(--size-step) * 4);margin-bottom:calc(var(--size-step) * 4)}
310
+ .my-5{margin-top:calc(var(--size-step) * 5);margin-bottom:calc(var(--size-step) * 5)}
311
+ .my-6{margin-top:calc(var(--size-step) * 6);margin-bottom:calc(var(--size-step) * 6)}
312
+
313
+
314
+ .mt-0{margin-top: 0}
315
+ .mt-1{margin-top:var(--size-step)}
316
+ .mt-2{margin-top:calc(var(--size-step) * 2)}
317
+ .mt-3{margin-top:calc(var(--size-step) * 3)}
318
+ .mt-4{margin-top:calc(var(--size-step) * 4)}
319
+ .mt-5{margin-top:calc(var(--size-step) * 5)}
320
+ .mt-6{margin-top:calc(var(--size-step) * 6)}
321
+
322
+ .mb-0{margin-bottom:0}
323
+ .mb-1{margin-bottom:var(--size-step)}
324
+ .mb-2{margin-bottom:calc(var(--size-step) * 2)}
325
+ .mb-3{margin-bottom:calc(var(--size-step) * 3)}
326
+ .mb-4{margin-bottom:calc(var(--size-step) * 4)}
327
+ .mb-5{margin-bottom:calc(var(--size-step) * 5)}
328
+ .mb-6{margin-bottom:calc(var(--size-step) * 6)}
329
+
330
+ .ml-0{margin-left:0}
331
+ .ml-1{margin-left:var(--size-step)}
332
+ .ml-2{margin-left:calc(var(--size-step) * 2)}
333
+ .ml-3{margin-left:calc(var(--size-step) * 3)}
334
+ .ml-4{margin-left:calc(var(--size-step) * 4)}
335
+ .ml-5{margin-left:calc(var(--size-step) * 5)}
336
+ .ml-6{margin-left:calc(var(--size-step) * 6)}
337
+
338
+ .mr-0{margin-right:0}
339
+ .mr-1{margin-right:var(--size-step)}
340
+ .mr-2{margin-right:calc(var(--size-step) * 2)}
341
+ .mr-3{margin-right:calc(var(--size-step) * 3)}
342
+ .mr-4{margin-right:calc(var(--size-step) * 4)}
343
+ .mr-5{margin-right:calc(var(--size-step) * 5)}
344
+ .mr-6{margin-right:calc(var(--size-step) * 6)}
345
+
346
+ .p-0{padding:0}
347
+ .p-1{padding:var(--size-step)}
348
+ .p-2{padding:calc(var(--size-step) * 2)}
349
+ .p-3{padding:calc(var(--size-step) * 3)}
350
+ .p-4{padding:calc(var(--size-step) * 4)}
351
+ .p-5{padding:calc(var(--size-step) * 5)}
352
+ .p-6{padding:calc(var(--size-step) * 6)}
353
+
354
+ .px-0{padding-left:0;padding-right:0}
355
+ .px-1{padding-left:var(--size-step);padding-bottom:var(--size-step)}
356
+ .px-2{padding-left:calc(var(--size-step) * 2);padding-right:calc(var(--size-step) * 2)}
357
+ .px-3{padding-left:calc(var(--size-step) * 3);padding-right:calc(var(--size-step) * 3)}
358
+ .px-4{padding-left:calc(var(--size-step) * 4);padding-right:calc(var(--size-step) * 4)}
359
+ .px-5{padding-left:calc(var(--size-step) * 5);padding-right:calc(var(--size-step) * 5)}
360
+ .px-6{padding-left:calc(var(--size-step) * 6);padding-right:calc(var(--size-step) * 6)}
361
+
362
+ .py-0{padding-top:0;padding-bottom:0}
363
+ .py-1{padding-top:var(--size-step);padding-bottom:var(--size-step)}
364
+ .py-2{padding-top:calc(var(--size-step) * 2);padding-bottom:calc(var(--size-step) * 2)}
365
+ .py-3{padding-top:calc(var(--size-step) * 3);padding-bottom:calc(var(--size-step) * 3)}
366
+ .py-4{padding-top:calc(var(--size-step) * 4);padding-bottom:calc(var(--size-step) * 4)}
367
+ .py-5{padding-top:calc(var(--size-step) * 5);padding-bottom:calc(var(--size-step) * 5)}
368
+ .py-6{padding-top:calc(var(--size-step) * 6);padding-bottom:calc(var(--size-step) * 6)}
369
+
370
+
371
+ .pt-0{padding-top:0}
372
+ .pt-1{padding-top:var(--size-step)}
373
+ .pt-2{padding-top:calc(var(--size-step) * 2)}
374
+ .pt-3{padding-top:calc(var(--size-step) * 3)}
375
+ .pt-4{padding-top:calc(var(--size-step) * 4)}
376
+ .pt-5{padding-top:calc(var(--size-step) * 5)}
377
+ .pt-6{padding-top:calc(var(--size-step) * 6)}
378
+
379
+ .pb-0{padding-bottom:0}
380
+ .pb-1{padding-bottom:var(--size-step)}
381
+ .pb-2{padding-bottom:calc(var(--size-step) * 2)}
382
+ .pb-3{padding-bottom:calc(var(--size-step) * 3)}
383
+ .pb-4{padding-bottom:calc(var(--size-step) * 4)}
384
+ .pb-5{padding-bottom:calc(var(--size-step) * 5)}
385
+ .pb-6{padding-bottom:calc(var(--size-step) * 6)}
386
+
387
+ .pl-0{padding-left:0}
388
+ .pl-1{padding-left:var(--size-step)}
389
+ .pl-2{padding-left:calc(var(--size-step) * 2)}
390
+ .pl-3{padding-left:calc(var(--size-step) * 3)}
391
+ .pl-4{padding-left:calc(var(--size-step) * 4)}
392
+ .pl-5{padding-left:calc(var(--size-step) * 5)}
393
+ .pl-6{padding-left:calc(var(--size-step) * 6)}
394
+
395
+ .pr-0{padding-right:0}
396
+ .pr-1{padding-right:var(--size-step)}
397
+ .pr-2{padding-right:calc(var(--size-step) * 2)}
398
+ .pr-3{padding-right:calc(var(--size-step) * 3)}
399
+ .pr-4{padding-right:calc(var(--size-step) * 4)}
400
+ .pr-5{padding-right:calc(var(--size-step) * 5)}
401
+ .pr-6{padding-right:calc(var(--size-step) * 6)}
402
+
403
+ .relative{position: relative}
404
+
405
+
406
+ .mi,
407
+ .material_icon {
408
+ font-family: 'Material Symbols Outlined';
409
+ font-weight: normal;
410
+ font-style: normal;
411
+ font-size: 24px;
412
+ line-height: 1;
413
+ letter-spacing: normal;
414
+ text-transform: none;
415
+ display: inline-block;
416
+ white-space: nowrap;
417
+ word-wrap: normal;
418
+ direction: ltr;
419
+ -webkit-font-feature-settings: 'liga';
420
+ -webkit-font-smoothing: antialiased;
421
+ }
422
+ .mis,
423
+ .material_icon_solid{
424
+ font-family: 'Material Symbols Outlined';
425
+ font-style: normal;
426
+ font-size: 24px;
427
+ line-height: 1;
428
+ letter-spacing: normal;
429
+ text-transform: none;
430
+ display: inline-block;
431
+ white-space: nowrap;
432
+ word-wrap: normal;
433
+ direction: ltr;
434
+ -webkit-font-feature-settings: 'liga';
435
+ -webkit-font-smoothing: antialiased;
436
+ font-weight: 700;
437
+ }
package/assets/fonts.scss CHANGED
@@ -1,2 +1,22 @@
1
+ @import url('https://fonts.googleapis.com/css?family=Roboto:wght@400;500;700&display=swap');
2
+
3
+ @font-face {
4
+ font-family: 'Material Symbols Outlined';
5
+ font-style: normal;
6
+ font-weight: 400;
7
+ src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v133/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2) format('woff2');
8
+ }
9
+
10
+ @font-face {
11
+ font-family: 'Material Symbols Outlined';
12
+ font-style: normal;
13
+ font-weight: 700;
14
+ src: url(https://fonts.gstatic.com/s/materialsymbolsoutlined/v134/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzazHD_dY43zj-jCxv3fzvRNU22ZXGJpEpjC_1p-p_4MrImHCIJIZrDBIG-ej.woff2) format('woff2');
15
+ }
16
+
17
+ body{
18
+ font-family: 'Roboto';
19
+ }
20
+
1
21
 
2
22