tide-design-system 2.0.32 → 2.0.34
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/dist/css/utilities.css +177 -72
- package/dist/style.css +1 -1
- package/dist/tide-design-system.cjs +2 -2
- package/dist/tide-design-system.esm.d.ts +33 -1
- package/dist/tide-design-system.esm.js +574 -557
- package/package.json +2 -2
- package/src/assets/css/utilities.css +177 -72
- package/src/components/TideInputCheckbox.vue +3 -5
- package/src/components/TideInputRadio.vue +3 -5
- package/src/components/TideInputSelect.vue +3 -5
- package/src/components/TideInputText.vue +3 -4
- package/src/components/TideInputTextarea.vue +3 -4
- package/src/types/Styles.ts +47 -1
- /package/dist/css/realm/{equip.css → equipment.css} +0 -0
- /package/src/assets/css/realm/{equip.css → equipment.css} +0 -0
package/dist/css/utilities.css
CHANGED
|
@@ -3,6 +3,7 @@
|
|
|
3
3
|
.tide-position-absolute {position: absolute;}
|
|
4
4
|
.tide-position-fixed {position: fixed;}
|
|
5
5
|
.tide-position-relative {position: relative;}
|
|
6
|
+
.tide-position-static {position: static;}
|
|
6
7
|
.tide-position-sticky {position: sticky;}
|
|
7
8
|
|
|
8
9
|
.tide-top-0 {top: 0;}
|
|
@@ -46,13 +47,15 @@
|
|
|
46
47
|
.tide-axis2-start {align-items: flex-start;}
|
|
47
48
|
.tide-axis2-stretch {align-items: stretch;}
|
|
48
49
|
|
|
50
|
+
.tide-gap-0 {gap: 0;}
|
|
49
51
|
.tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
50
52
|
.tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
51
53
|
.tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
52
54
|
.tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
53
55
|
.tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
54
56
|
|
|
55
|
-
.tide-flex-basis-
|
|
57
|
+
.tide-flex-basis-auto {flex-basis: auto;}
|
|
58
|
+
.tide-flex-basis-0 {flex-basis: 0;}
|
|
56
59
|
|
|
57
60
|
/* Box Sizing */
|
|
58
61
|
.tide-box-border {box-sizing: border-box;}
|
|
@@ -66,15 +69,15 @@
|
|
|
66
69
|
.tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
67
70
|
.tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
68
71
|
|
|
69
|
-
.tide-margin-x-0 {margin-left: 0;
|
|
72
|
+
.tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
70
73
|
.tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
71
74
|
.tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
72
75
|
.tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
73
76
|
.tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
74
77
|
.tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
75
|
-
.tide-margin-x-auto {margin-left: auto;
|
|
78
|
+
.tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
76
79
|
|
|
77
|
-
.tide-margin-y-0 {margin-top: 0;
|
|
80
|
+
.tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
78
81
|
.tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
79
82
|
.tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
80
83
|
.tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
@@ -111,6 +114,8 @@
|
|
|
111
114
|
.tide-margin-left-auto {margin-left: auto;}
|
|
112
115
|
|
|
113
116
|
/* Border */
|
|
117
|
+
.tide-border-color-initial {border-color: initial;}
|
|
118
|
+
|
|
114
119
|
.tide-border-1,
|
|
115
120
|
.tide-border-2,
|
|
116
121
|
.tide-border-bottom-1,
|
|
@@ -124,9 +129,15 @@
|
|
|
124
129
|
border-style: solid;
|
|
125
130
|
}
|
|
126
131
|
|
|
132
|
+
.tide-border-0 {border-width: 0;}
|
|
127
133
|
.tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
128
134
|
.tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
129
135
|
|
|
136
|
+
.tide-border-top-0 {border-top-width: 0;}
|
|
137
|
+
.tide-border-right-0 {border-right-width: 0;}
|
|
138
|
+
.tide-border-bottom-0 {border-bottom-width: 0;}
|
|
139
|
+
.tide-border-left-0 {border-left-width: 0;}
|
|
140
|
+
|
|
130
141
|
.tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
131
142
|
.tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
132
143
|
.tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
@@ -137,6 +148,7 @@
|
|
|
137
148
|
.tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
138
149
|
.tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
139
150
|
|
|
151
|
+
.tide-radius-0 {border-radius: 0;}
|
|
140
152
|
.tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
141
153
|
.tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
142
154
|
.tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
@@ -150,14 +162,14 @@
|
|
|
150
162
|
.tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
151
163
|
.tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
152
164
|
|
|
153
|
-
.tide-padding-x-0 {padding-left: 0;
|
|
165
|
+
.tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
154
166
|
.tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
155
167
|
.tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
156
168
|
.tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
157
169
|
.tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
158
170
|
.tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
159
171
|
|
|
160
|
-
.tide-padding-y-0 {padding-top: 0;
|
|
172
|
+
.tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
161
173
|
.tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
162
174
|
.tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
163
175
|
.tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
@@ -201,13 +213,17 @@
|
|
|
201
213
|
|
|
202
214
|
.tide-width-container {max-width: 1168px;}
|
|
203
215
|
|
|
216
|
+
.tide-width-auto {width: auto;}
|
|
204
217
|
.tide-width-0 {width: 0;}
|
|
205
218
|
.tide-width-full {width: 100%;}
|
|
206
219
|
|
|
220
|
+
.tide-height-auto {height: auto;}
|
|
207
221
|
.tide-height-0 {height: 0;}
|
|
208
222
|
.tide-height-full {height: 100%;}
|
|
209
223
|
|
|
210
224
|
/* Backgrounds */
|
|
225
|
+
.tide-bg-initial {background-color: initial;}
|
|
226
|
+
|
|
211
227
|
.tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
212
228
|
.tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
213
229
|
.tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -229,16 +245,19 @@
|
|
|
229
245
|
.tide-font-700 {font-weight: 700;}
|
|
230
246
|
|
|
231
247
|
/* Misc */
|
|
232
|
-
.tide-align-middle
|
|
248
|
+
.tide-align-middle {vertical-align: middle;}
|
|
249
|
+
.tide-align-initial {vertical-align: initial;}
|
|
233
250
|
|
|
234
251
|
.tide-bg-blur {backdrop-filter: blur(8px);}
|
|
235
252
|
|
|
236
|
-
.tide-break-
|
|
253
|
+
.tide-break-initial {overflow-wrap: initial;}
|
|
254
|
+
.tide-break-word {overflow-wrap: break-word;}
|
|
237
255
|
|
|
238
|
-
.tide-columns-
|
|
239
|
-
.tide-columns-
|
|
240
|
-
.tide-columns-
|
|
241
|
-
.tide-columns-
|
|
256
|
+
.tide-columns-initial {column-count: initial;}
|
|
257
|
+
.tide-columns-1 {column-count: 1;}
|
|
258
|
+
.tide-columns-2 {column-count: 2;}
|
|
259
|
+
.tide-columns-3 {column-count: 3;}
|
|
260
|
+
.tide-columns-4 {column-count: 4;}
|
|
242
261
|
|
|
243
262
|
.tide-cursor-not-allowed {cursor: not-allowed;}
|
|
244
263
|
.tide-cursor-pointer {cursor: pointer;}
|
|
@@ -279,8 +298,9 @@
|
|
|
279
298
|
scroll-snap-align: start;
|
|
280
299
|
}
|
|
281
300
|
|
|
282
|
-
.tide-shadow-
|
|
283
|
-
.tide-shadow-
|
|
301
|
+
.tide-shadow-initial {box-shadow: initial;}
|
|
302
|
+
.tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
303
|
+
.tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
284
304
|
|
|
285
305
|
.tide-text-center {text-align: center;}
|
|
286
306
|
.tide-text-left {text-align: left;}
|
|
@@ -317,7 +337,8 @@
|
|
|
317
337
|
.tide-y-auto {overflow-y: auto;}
|
|
318
338
|
.tide-y-hidden {overflow-y: hidden;}
|
|
319
339
|
|
|
320
|
-
.tide-z-index-
|
|
340
|
+
.tide-z-index-initial {z-index: initial;}
|
|
341
|
+
.tide-z-index-1 {z-index: 1;}
|
|
321
342
|
|
|
322
343
|
/* Small breakpoint */
|
|
323
344
|
@media (min-width: 768px) {
|
|
@@ -325,6 +346,7 @@
|
|
|
325
346
|
.sm-tide-position-absolute {position: absolute;}
|
|
326
347
|
.sm-tide-position-fixed {position: fixed;}
|
|
327
348
|
.sm-tide-position-relative {position: relative;}
|
|
349
|
+
.sm-tide-position-static {position: static;}
|
|
328
350
|
.sm-tide-position-sticky {position: sticky;}
|
|
329
351
|
|
|
330
352
|
.sm-tide-top-0 {top: 0;}
|
|
@@ -368,13 +390,15 @@
|
|
|
368
390
|
.sm-tide-axis2-start {align-items: flex-start;}
|
|
369
391
|
.sm-tide-axis2-stretch {align-items: stretch;}
|
|
370
392
|
|
|
393
|
+
.sm-tide-gap-0 {gap: 0;}
|
|
371
394
|
.sm-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
372
395
|
.sm-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
373
396
|
.sm-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
374
397
|
.sm-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
375
398
|
.sm-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
376
399
|
|
|
377
|
-
.sm-tide-flex-basis-
|
|
400
|
+
.sm-tide-flex-basis-auto {flex-basis: auto;}
|
|
401
|
+
.sm-tide-flex-basis-0 {flex-basis: 0;}
|
|
378
402
|
|
|
379
403
|
/* Box Sizing */
|
|
380
404
|
.sm-tide-box-border {box-sizing: border-box;}
|
|
@@ -388,15 +412,15 @@
|
|
|
388
412
|
.sm-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
389
413
|
.sm-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
390
414
|
|
|
391
|
-
.sm-tide-margin-x-0 {margin-left: 0;
|
|
415
|
+
.sm-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
392
416
|
.sm-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
393
417
|
.sm-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
394
418
|
.sm-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
395
419
|
.sm-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
396
420
|
.sm-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
397
|
-
.sm-tide-margin-x-auto {margin-left: auto;
|
|
421
|
+
.sm-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
398
422
|
|
|
399
|
-
.sm-tide-margin-y-0 {margin-top: 0;
|
|
423
|
+
.sm-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
400
424
|
.sm-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
401
425
|
.sm-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
402
426
|
.sm-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
@@ -433,6 +457,8 @@
|
|
|
433
457
|
.sm-tide-margin-left-auto {margin-left: auto;}
|
|
434
458
|
|
|
435
459
|
/* Border */
|
|
460
|
+
.sm-tide-border-color-initial {border-color: initial;}
|
|
461
|
+
|
|
436
462
|
.sm-tide-border-1,
|
|
437
463
|
.sm-tide-border-2,
|
|
438
464
|
.sm-tide-border-bottom-1,
|
|
@@ -446,9 +472,15 @@
|
|
|
446
472
|
border-style: solid;
|
|
447
473
|
}
|
|
448
474
|
|
|
475
|
+
.sm-tide-border-0 {border-width: 0;}
|
|
449
476
|
.sm-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
450
477
|
.sm-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
451
478
|
|
|
479
|
+
.sm-tide-border-top-0 {border-top-width: 0;}
|
|
480
|
+
.sm-tide-border-right-0 {border-right-width: 0;}
|
|
481
|
+
.sm-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
482
|
+
.sm-tide-border-left-0 {border-left-width: 0;}
|
|
483
|
+
|
|
452
484
|
.sm-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
453
485
|
.sm-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
454
486
|
.sm-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
@@ -459,6 +491,7 @@
|
|
|
459
491
|
.sm-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
460
492
|
.sm-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
461
493
|
|
|
494
|
+
.sm-tide-radius-0 {border-radius: 0;}
|
|
462
495
|
.sm-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
463
496
|
.sm-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
464
497
|
.sm-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
@@ -472,14 +505,14 @@
|
|
|
472
505
|
.sm-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
473
506
|
.sm-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
474
507
|
|
|
475
|
-
.sm-tide-padding-x-0 {padding-left: 0;
|
|
508
|
+
.sm-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
476
509
|
.sm-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
477
510
|
.sm-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
478
511
|
.sm-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
479
512
|
.sm-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
480
513
|
.sm-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
481
514
|
|
|
482
|
-
.sm-tide-padding-y-0 {padding-top: 0;
|
|
515
|
+
.sm-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
483
516
|
.sm-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
484
517
|
.sm-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
485
518
|
.sm-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
@@ -523,13 +556,17 @@
|
|
|
523
556
|
|
|
524
557
|
.sm-tide-width-container {max-width: 1168px;}
|
|
525
558
|
|
|
559
|
+
.sm-tide-width-auto {width: auto;}
|
|
526
560
|
.sm-tide-width-0 {width: 0;}
|
|
527
561
|
.sm-tide-width-full {width: 100%;}
|
|
528
562
|
|
|
563
|
+
.sm-tide-height-auto {height: auto;}
|
|
529
564
|
.sm-tide-height-0 {height: 0;}
|
|
530
565
|
.sm-tide-height-full {height: 100%;}
|
|
531
566
|
|
|
532
567
|
/* Backgrounds */
|
|
568
|
+
.sm-tide-bg-initial {background-color: initial;}
|
|
569
|
+
|
|
533
570
|
.sm-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
534
571
|
.sm-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
535
572
|
.sm-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -551,16 +588,19 @@
|
|
|
551
588
|
.sm-tide-font-700 {font-weight: 700;}
|
|
552
589
|
|
|
553
590
|
/* Misc */
|
|
554
|
-
.sm-tide-align-middle
|
|
591
|
+
.sm-tide-align-middle {vertical-align: middle;}
|
|
592
|
+
.sm-tide-align-initial {vertical-align: initial;}
|
|
555
593
|
|
|
556
594
|
.sm-tide-bg-blur {backdrop-filter: blur(8px);}
|
|
557
595
|
|
|
558
|
-
.sm-tide-break-
|
|
596
|
+
.sm-tide-break-initial {overflow-wrap: initial;}
|
|
597
|
+
.sm-tide-break-word {overflow-wrap: break-word;}
|
|
559
598
|
|
|
560
|
-
.sm-tide-columns-
|
|
561
|
-
.sm-tide-columns-
|
|
562
|
-
.sm-tide-columns-
|
|
563
|
-
.sm-tide-columns-
|
|
599
|
+
.sm-tide-columns-initial {column-count: initial;}
|
|
600
|
+
.sm-tide-columns-1 {column-count: 1;}
|
|
601
|
+
.sm-tide-columns-2 {column-count: 2;}
|
|
602
|
+
.sm-tide-columns-3 {column-count: 3;}
|
|
603
|
+
.sm-tide-columns-4 {column-count: 4;}
|
|
564
604
|
|
|
565
605
|
.sm-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
566
606
|
.sm-tide-cursor-pointer {cursor: pointer;}
|
|
@@ -601,8 +641,9 @@
|
|
|
601
641
|
scroll-snap-align: start;
|
|
602
642
|
}
|
|
603
643
|
|
|
604
|
-
.sm-tide-shadow-
|
|
605
|
-
.sm-tide-shadow-
|
|
644
|
+
.sm-tide-shadow-initial {box-shadow: initial;}
|
|
645
|
+
.sm-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
646
|
+
.sm-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
606
647
|
|
|
607
648
|
.sm-tide-text-center {text-align: center;}
|
|
608
649
|
.sm-tide-text-left {text-align: left;}
|
|
@@ -639,7 +680,8 @@
|
|
|
639
680
|
.sm-tide-y-auto {overflow-y: auto;}
|
|
640
681
|
.sm-tide-y-hidden {overflow-y: hidden;}
|
|
641
682
|
|
|
642
|
-
.sm-tide-z-index-
|
|
683
|
+
.sm-tide-z-index-initial {z-index: initial;}
|
|
684
|
+
.sm-tide-z-index-1 {z-index: 1;}
|
|
643
685
|
}
|
|
644
686
|
|
|
645
687
|
/* Medium breakpoint */
|
|
@@ -648,6 +690,7 @@
|
|
|
648
690
|
.md-tide-position-absolute {position: absolute;}
|
|
649
691
|
.md-tide-position-fixed {position: fixed;}
|
|
650
692
|
.md-tide-position-relative {position: relative;}
|
|
693
|
+
.md-tide-position-static {position: static;}
|
|
651
694
|
.md-tide-position-sticky {position: sticky;}
|
|
652
695
|
|
|
653
696
|
.md-tide-top-0 {top: 0;}
|
|
@@ -691,13 +734,15 @@
|
|
|
691
734
|
.md-tide-axis2-start {align-items: flex-start;}
|
|
692
735
|
.md-tide-axis2-stretch {align-items: stretch;}
|
|
693
736
|
|
|
737
|
+
.md-tide-gap-0 {gap: 0;}
|
|
694
738
|
.md-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
695
739
|
.md-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
696
740
|
.md-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
697
741
|
.md-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
698
742
|
.md-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
699
743
|
|
|
700
|
-
.md-tide-flex-basis-
|
|
744
|
+
.md-tide-flex-basis-auto {flex-basis: auto;}
|
|
745
|
+
.md-tide-flex-basis-0 {flex-basis: 0;}
|
|
701
746
|
|
|
702
747
|
/* Box Sizing */
|
|
703
748
|
.md-tide-box-border {box-sizing: border-box;}
|
|
@@ -711,15 +756,15 @@
|
|
|
711
756
|
.md-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
712
757
|
.md-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
713
758
|
|
|
714
|
-
.md-tide-margin-x-0 {margin-left: 0;
|
|
759
|
+
.md-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
715
760
|
.md-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
716
761
|
.md-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
717
762
|
.md-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
718
763
|
.md-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
719
764
|
.md-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
720
|
-
.md-tide-margin-x-auto {margin-left: auto;
|
|
765
|
+
.md-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
721
766
|
|
|
722
|
-
.md-tide-margin-y-0 {margin-top: 0;
|
|
767
|
+
.md-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
723
768
|
.md-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
724
769
|
.md-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
725
770
|
.md-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
@@ -756,6 +801,8 @@
|
|
|
756
801
|
.md-tide-margin-left-auto {margin-left: auto;}
|
|
757
802
|
|
|
758
803
|
/* Border */
|
|
804
|
+
.md-tide-border-color-initial {border-color: initial;}
|
|
805
|
+
|
|
759
806
|
.md-tide-border-1,
|
|
760
807
|
.md-tide-border-2,
|
|
761
808
|
.md-tide-border-bottom-1,
|
|
@@ -769,9 +816,15 @@
|
|
|
769
816
|
border-style: solid;
|
|
770
817
|
}
|
|
771
818
|
|
|
819
|
+
.md-tide-border-0 {border-width: 0;}
|
|
772
820
|
.md-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
773
821
|
.md-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
774
822
|
|
|
823
|
+
.md-tide-border-top-0 {border-top-width: 0;}
|
|
824
|
+
.md-tide-border-right-0 {border-right-width: 0;}
|
|
825
|
+
.md-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
826
|
+
.md-tide-border-left-0 {border-left-width: 0;}
|
|
827
|
+
|
|
775
828
|
.md-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
776
829
|
.md-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
777
830
|
.md-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
@@ -782,6 +835,7 @@
|
|
|
782
835
|
.md-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
783
836
|
.md-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
784
837
|
|
|
838
|
+
.md-tide-radius-0 {border-radius: 0;}
|
|
785
839
|
.md-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
786
840
|
.md-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
787
841
|
.md-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
@@ -795,14 +849,14 @@
|
|
|
795
849
|
.md-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
796
850
|
.md-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
797
851
|
|
|
798
|
-
.md-tide-padding-x-0 {padding-left: 0;
|
|
852
|
+
.md-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
799
853
|
.md-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
800
854
|
.md-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
801
855
|
.md-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
802
856
|
.md-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
803
857
|
.md-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
804
858
|
|
|
805
|
-
.md-tide-padding-y-0 {padding-top: 0;
|
|
859
|
+
.md-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
806
860
|
.md-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
807
861
|
.md-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
808
862
|
.md-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
@@ -846,13 +900,17 @@
|
|
|
846
900
|
|
|
847
901
|
.md-tide-width-container {max-width: 1168px;}
|
|
848
902
|
|
|
903
|
+
.md-tide-width-auto {width: auto;}
|
|
849
904
|
.md-tide-width-0 {width: 0;}
|
|
850
905
|
.md-tide-width-full {width: 100%;}
|
|
851
906
|
|
|
907
|
+
.md-tide-height-auto {height: auto;}
|
|
852
908
|
.md-tide-height-0 {height: 0;}
|
|
853
909
|
.md-tide-height-full {height: 100%;}
|
|
854
910
|
|
|
855
911
|
/* Backgrounds */
|
|
912
|
+
.md-tide-bg-initial {background-color: initial;}
|
|
913
|
+
|
|
856
914
|
.md-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
857
915
|
.md-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
858
916
|
.md-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -874,16 +932,19 @@
|
|
|
874
932
|
.md-tide-font-700 {font-weight: 700;}
|
|
875
933
|
|
|
876
934
|
/* Misc */
|
|
877
|
-
.md-tide-align-middle
|
|
935
|
+
.md-tide-align-middle {vertical-align: middle;}
|
|
936
|
+
.md-tide-align-initial {vertical-align: initial;}
|
|
878
937
|
|
|
879
938
|
.md-tide-bg-blur {backdrop-filter: blur(8px);}
|
|
880
939
|
|
|
881
|
-
.md-tide-break-
|
|
940
|
+
.md-tide-break-initial {overflow-wrap: initial;}
|
|
941
|
+
.md-tide-break-word {overflow-wrap: break-word;}
|
|
882
942
|
|
|
883
|
-
.md-tide-columns-
|
|
884
|
-
.md-tide-columns-
|
|
885
|
-
.md-tide-columns-
|
|
886
|
-
.md-tide-columns-
|
|
943
|
+
.md-tide-columns-initial {column-count: initial;}
|
|
944
|
+
.md-tide-columns-1 {column-count: 1;}
|
|
945
|
+
.md-tide-columns-2 {column-count: 2;}
|
|
946
|
+
.md-tide-columns-3 {column-count: 3;}
|
|
947
|
+
.md-tide-columns-4 {column-count: 4;}
|
|
887
948
|
|
|
888
949
|
.md-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
889
950
|
.md-tide-cursor-pointer {cursor: pointer;}
|
|
@@ -924,8 +985,9 @@
|
|
|
924
985
|
scroll-snap-align: start;
|
|
925
986
|
}
|
|
926
987
|
|
|
927
|
-
.md-tide-shadow-
|
|
928
|
-
.md-tide-shadow-
|
|
988
|
+
.md-tide-shadow-initial {box-shadow: initial;}
|
|
989
|
+
.md-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
990
|
+
.md-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
929
991
|
|
|
930
992
|
.md-tide-text-center {text-align: center;}
|
|
931
993
|
.md-tide-text-left {text-align: left;}
|
|
@@ -962,6 +1024,7 @@
|
|
|
962
1024
|
.md-tide-y-auto {overflow-y: auto;}
|
|
963
1025
|
.md-tide-y-hidden {overflow-y: hidden;}
|
|
964
1026
|
|
|
1027
|
+
.md-tide-z-index-initial {z-index: initial;}
|
|
965
1028
|
.md-tide-z-index-1 {z-index: 1;}
|
|
966
1029
|
}
|
|
967
1030
|
|
|
@@ -971,6 +1034,7 @@
|
|
|
971
1034
|
.lg-tide-position-absolute {position: absolute;}
|
|
972
1035
|
.lg-tide-position-fixed {position: fixed;}
|
|
973
1036
|
.lg-tide-position-relative {position: relative;}
|
|
1037
|
+
.lg-tide-position-static {position: static;}
|
|
974
1038
|
.lg-tide-position-sticky {position: sticky;}
|
|
975
1039
|
|
|
976
1040
|
.lg-tide-top-0 {top: 0;}
|
|
@@ -1014,12 +1078,14 @@
|
|
|
1014
1078
|
.lg-tide-axis2-start {align-items: flex-start;}
|
|
1015
1079
|
.lg-tide-axis2-stretch {align-items: stretch;}
|
|
1016
1080
|
|
|
1081
|
+
.lg-tide-gap-0 {gap: 0;}
|
|
1017
1082
|
.lg-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
1018
1083
|
.lg-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
1019
1084
|
.lg-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
1020
1085
|
.lg-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
1021
1086
|
.lg-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
1022
1087
|
|
|
1088
|
+
.lg-tide-flex-basis-auto {flex-basis: auto;}
|
|
1023
1089
|
.lg-tide-flex-basis-0 {flex-basis: 0;}
|
|
1024
1090
|
|
|
1025
1091
|
/* Box Sizing */
|
|
@@ -1034,15 +1100,15 @@
|
|
|
1034
1100
|
.lg-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
1035
1101
|
.lg-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
1036
1102
|
|
|
1037
|
-
.lg-tide-margin-x-0 {margin-left: 0;
|
|
1103
|
+
.lg-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
1038
1104
|
.lg-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
1039
1105
|
.lg-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
1040
1106
|
.lg-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
1041
1107
|
.lg-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
1042
1108
|
.lg-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
1043
|
-
.lg-tide-margin-x-auto {margin-left: auto;
|
|
1109
|
+
.lg-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
1044
1110
|
|
|
1045
|
-
.lg-tide-margin-y-0 {margin-top: 0;
|
|
1111
|
+
.lg-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
1046
1112
|
.lg-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
1047
1113
|
.lg-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
1048
1114
|
.lg-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
@@ -1079,6 +1145,8 @@
|
|
|
1079
1145
|
.lg-tide-margin-left-auto {margin-left: auto;}
|
|
1080
1146
|
|
|
1081
1147
|
/* Border */
|
|
1148
|
+
.lg-tide-border-color-initial {border-color: initial;}
|
|
1149
|
+
|
|
1082
1150
|
.lg-tide-border-1,
|
|
1083
1151
|
.lg-tide-border-2,
|
|
1084
1152
|
.lg-tide-border-bottom-1,
|
|
@@ -1092,9 +1160,15 @@
|
|
|
1092
1160
|
border-style: solid;
|
|
1093
1161
|
}
|
|
1094
1162
|
|
|
1163
|
+
.lg-tide-border-0 {border-width: 0;}
|
|
1095
1164
|
.lg-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
1096
1165
|
.lg-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
1097
1166
|
|
|
1167
|
+
.lg-tide-border-top-0 {border-top-width: 0;}
|
|
1168
|
+
.lg-tide-border-right-0 {border-right-width: 0;}
|
|
1169
|
+
.lg-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
1170
|
+
.lg-tide-border-left-0 {border-left-width: 0;}
|
|
1171
|
+
|
|
1098
1172
|
.lg-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
1099
1173
|
.lg-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
1100
1174
|
.lg-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
@@ -1105,6 +1179,7 @@
|
|
|
1105
1179
|
.lg-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
1106
1180
|
.lg-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
1107
1181
|
|
|
1182
|
+
.lg-tide-radius-0 {border-radius: 0;}
|
|
1108
1183
|
.lg-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
1109
1184
|
.lg-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
1110
1185
|
.lg-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
@@ -1118,14 +1193,14 @@
|
|
|
1118
1193
|
.lg-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
1119
1194
|
.lg-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
1120
1195
|
|
|
1121
|
-
.lg-tide-padding-x-0 {padding-left: 0;
|
|
1196
|
+
.lg-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
1122
1197
|
.lg-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
1123
1198
|
.lg-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
1124
1199
|
.lg-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
1125
1200
|
.lg-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
1126
1201
|
.lg-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
1127
1202
|
|
|
1128
|
-
.lg-tide-padding-y-0 {padding-top: 0;
|
|
1203
|
+
.lg-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
1129
1204
|
.lg-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
1130
1205
|
.lg-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
1131
1206
|
.lg-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
@@ -1169,13 +1244,17 @@
|
|
|
1169
1244
|
|
|
1170
1245
|
.lg-tide-width-container {max-width: 1168px;}
|
|
1171
1246
|
|
|
1247
|
+
.lg-tide-width-auto {width: auto;}
|
|
1172
1248
|
.lg-tide-width-0 {width: 0;}
|
|
1173
1249
|
.lg-tide-width-full {width: 100%;}
|
|
1174
1250
|
|
|
1251
|
+
.lg-tide-height-auto {height: auto;}
|
|
1175
1252
|
.lg-tide-height-0 {height: 0;}
|
|
1176
1253
|
.lg-tide-height-full {height: 100%;}
|
|
1177
1254
|
|
|
1178
1255
|
/* Backgrounds */
|
|
1256
|
+
.lg-tide-bg-initial {background-color: initial;}
|
|
1257
|
+
|
|
1179
1258
|
.lg-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
1180
1259
|
.lg-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
1181
1260
|
.lg-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -1197,16 +1276,19 @@
|
|
|
1197
1276
|
.lg-tide-font-700 {font-weight: 700;}
|
|
1198
1277
|
|
|
1199
1278
|
/* Misc */
|
|
1200
|
-
.lg-tide-align-middle
|
|
1279
|
+
.lg-tide-align-middle {vertical-align: middle;}
|
|
1280
|
+
.lg-tide-align-initial {vertical-align: initial;}
|
|
1201
1281
|
|
|
1202
1282
|
.lg-tide-bg-blur {backdrop-filter: blur(8px);}
|
|
1203
1283
|
|
|
1204
|
-
.lg-tide-break-
|
|
1284
|
+
.lg-tide-break-initial {overflow-wrap: initial;}
|
|
1285
|
+
.lg-tide-break-word {overflow-wrap: break-word;}
|
|
1205
1286
|
|
|
1206
|
-
.lg-tide-columns-
|
|
1207
|
-
.lg-tide-columns-
|
|
1208
|
-
.lg-tide-columns-
|
|
1209
|
-
.lg-tide-columns-
|
|
1287
|
+
.lg-tide-columns-initial {column-count: initial;}
|
|
1288
|
+
.lg-tide-columns-1 {column-count: 1;}
|
|
1289
|
+
.lg-tide-columns-2 {column-count: 2;}
|
|
1290
|
+
.lg-tide-columns-3 {column-count: 3;}
|
|
1291
|
+
.lg-tide-columns-4 {column-count: 4;}
|
|
1210
1292
|
|
|
1211
1293
|
.lg-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
1212
1294
|
.lg-tide-cursor-pointer {cursor: pointer;}
|
|
@@ -1247,8 +1329,9 @@
|
|
|
1247
1329
|
scroll-snap-align: start;
|
|
1248
1330
|
}
|
|
1249
1331
|
|
|
1250
|
-
.lg-tide-shadow-
|
|
1251
|
-
.lg-tide-shadow-
|
|
1332
|
+
.lg-tide-shadow-initial {box-shadow: initial;}
|
|
1333
|
+
.lg-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
1334
|
+
.lg-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
1252
1335
|
|
|
1253
1336
|
.lg-tide-text-center {text-align: center;}
|
|
1254
1337
|
.lg-tide-text-left {text-align: left;}
|
|
@@ -1285,7 +1368,8 @@
|
|
|
1285
1368
|
.lg-tide-y-auto {overflow-y: auto;}
|
|
1286
1369
|
.lg-tide-y-hidden {overflow-y: hidden;}
|
|
1287
1370
|
|
|
1288
|
-
.lg-tide-z-index-
|
|
1371
|
+
.lg-tide-z-index-initial {z-index: initial;}
|
|
1372
|
+
.lg-tide-z-index-1 {z-index: 1;}
|
|
1289
1373
|
}
|
|
1290
1374
|
|
|
1291
1375
|
/* Large breakpoint */
|
|
@@ -1294,6 +1378,7 @@
|
|
|
1294
1378
|
.xl-tide-position-absolute {position: absolute;}
|
|
1295
1379
|
.xl-tide-position-fixed {position: fixed;}
|
|
1296
1380
|
.xl-tide-position-relative {position: relative;}
|
|
1381
|
+
.xl-tide-position-static {position: static;}
|
|
1297
1382
|
.xl-tide-position-sticky {position: sticky;}
|
|
1298
1383
|
|
|
1299
1384
|
.xl-tide-top-0 {top: 0;}
|
|
@@ -1337,12 +1422,14 @@
|
|
|
1337
1422
|
.xl-tide-axis2-start {align-items: flex-start;}
|
|
1338
1423
|
.xl-tide-axis2-stretch {align-items: stretch;}
|
|
1339
1424
|
|
|
1425
|
+
.xl-tide-gap-0 {gap: 0;}
|
|
1340
1426
|
.xl-tide-gap-1\/4 {gap: var(--tide-spacing-1\/4);}
|
|
1341
1427
|
.xl-tide-gap-1\/2 {gap: var(--tide-spacing-1\/2);}
|
|
1342
1428
|
.xl-tide-gap-1 {gap: var(--tide-spacing-1);}
|
|
1343
1429
|
.xl-tide-gap-2 {gap: var(--tide-spacing-2);}
|
|
1344
1430
|
.xl-tide-gap-4 {gap: var(--tide-spacing-4);}
|
|
1345
1431
|
|
|
1432
|
+
.xl-tide-flex-basis-auto {flex-basis: auto;}
|
|
1346
1433
|
.xl-tide-flex-basis-0 {flex-basis: 0;}
|
|
1347
1434
|
|
|
1348
1435
|
/* Box Sizing */
|
|
@@ -1357,15 +1444,15 @@
|
|
|
1357
1444
|
.xl-tide-margin-2 {margin: var(--tide-spacing-2);}
|
|
1358
1445
|
.xl-tide-margin-4 {margin: var(--tide-spacing-4);}
|
|
1359
1446
|
|
|
1360
|
-
.xl-tide-margin-x-0 {margin-left: 0;
|
|
1447
|
+
.xl-tide-margin-x-0 {margin-left: 0; margin-right: 0;}
|
|
1361
1448
|
.xl-tide-margin-x-1\/4 {margin-left: var(--tide-spacing-1\/4); margin-right: var(--tide-spacing-1\/4);}
|
|
1362
1449
|
.xl-tide-margin-x-1\/2 {margin-left: var(--tide-spacing-1\/2); margin-right: var(--tide-spacing-1\/2);}
|
|
1363
1450
|
.xl-tide-margin-x-1 {margin-left: var(--tide-spacing-1); margin-right: var(--tide-spacing-1);}
|
|
1364
1451
|
.xl-tide-margin-x-2 {margin-left: var(--tide-spacing-2); margin-right: var(--tide-spacing-2);}
|
|
1365
1452
|
.xl-tide-margin-x-4 {margin-left: var(--tide-spacing-4); margin-right: var(--tide-spacing-4);}
|
|
1366
|
-
.xl-tide-margin-x-auto {margin-left: auto;
|
|
1453
|
+
.xl-tide-margin-x-auto {margin-left: auto; margin-right: auto;}
|
|
1367
1454
|
|
|
1368
|
-
.xl-tide-margin-y-0 {margin-top: 0;
|
|
1455
|
+
.xl-tide-margin-y-0 {margin-top: 0; margin-bottom: 0;}
|
|
1369
1456
|
.xl-tide-margin-y-1\/4 {margin-top: var(--tide-spacing-1\/4); margin-bottom: var(--tide-spacing-1\/4);}
|
|
1370
1457
|
.xl-tide-margin-y-1\/2 {margin-top: var(--tide-spacing-1\/2); margin-bottom: var(--tide-spacing-1\/2);}
|
|
1371
1458
|
.xl-tide-margin-y-1 {margin-top: var(--tide-spacing-1); margin-bottom: var(--tide-spacing-1);}
|
|
@@ -1402,6 +1489,8 @@
|
|
|
1402
1489
|
.xl-tide-margin-left-auto {margin-left: auto;}
|
|
1403
1490
|
|
|
1404
1491
|
/* Border */
|
|
1492
|
+
.xl-tide-border-color-initial {border-color: initial;}
|
|
1493
|
+
|
|
1405
1494
|
.xl-tide-border-1,
|
|
1406
1495
|
.xl-tide-border-2,
|
|
1407
1496
|
.xl-tide-border-bottom-1,
|
|
@@ -1415,9 +1504,15 @@
|
|
|
1415
1504
|
border-style: solid;
|
|
1416
1505
|
}
|
|
1417
1506
|
|
|
1507
|
+
.xl-tide-border-0 {border-width: 0;}
|
|
1418
1508
|
.xl-tide-border-1 {border-width: var(--tide-border-width-1);}
|
|
1419
1509
|
.xl-tide-border-2 {border-width: var(--tide-border-width-2);}
|
|
1420
1510
|
|
|
1511
|
+
.xl-tide-border-top-0 {border-top-width: 0;}
|
|
1512
|
+
.xl-tide-border-right-0 {border-right-width: 0;}
|
|
1513
|
+
.xl-tide-border-bottom-0 {border-bottom-width: 0;}
|
|
1514
|
+
.xl-tide-border-left-0 {border-left-width: 0;}
|
|
1515
|
+
|
|
1421
1516
|
.xl-tide-border-top-1 {border-top-width: var(--tide-border-width-1);}
|
|
1422
1517
|
.xl-tide-border-right-1 {border-right-width: var(--tide-border-width-1);}
|
|
1423
1518
|
.xl-tide-border-bottom-1 {border-bottom-width: var(--tide-border-width-1);}
|
|
@@ -1428,6 +1523,7 @@
|
|
|
1428
1523
|
.xl-tide-border-bottom-2 {border-bottom-width: var(--tide-border-width-2);}
|
|
1429
1524
|
.xl-tide-border-left-2 {border-left-width: var(--tide-border-width-2);}
|
|
1430
1525
|
|
|
1526
|
+
.xl-tide-radius-0 {border-radius: 0;}
|
|
1431
1527
|
.xl-tide-radius-1\/4 {border-radius: var(--tide-radius-1\/4);}
|
|
1432
1528
|
.xl-tide-radius-1\/2 {border-radius: var(--tide-radius-1\/2);}
|
|
1433
1529
|
.xl-tide-radius-1 {border-radius: var(--tide-radius-1);}
|
|
@@ -1441,14 +1537,14 @@
|
|
|
1441
1537
|
.xl-tide-padding-2 {padding: var(--tide-spacing-2);}
|
|
1442
1538
|
.xl-tide-padding-4 {padding: var(--tide-spacing-4);}
|
|
1443
1539
|
|
|
1444
|
-
.xl-tide-padding-x-0 {padding-left: 0;
|
|
1540
|
+
.xl-tide-padding-x-0 {padding-left: 0; padding-right: 0;}
|
|
1445
1541
|
.xl-tide-padding-x-1\/4 {padding-left: var(--tide-spacing-1\/4); padding-right: var(--tide-spacing-1\/4);}
|
|
1446
1542
|
.xl-tide-padding-x-1\/2 {padding-left: var(--tide-spacing-1\/2); padding-right: var(--tide-spacing-1\/2);}
|
|
1447
1543
|
.xl-tide-padding-x-1 {padding-left: var(--tide-spacing-1); padding-right: var(--tide-spacing-1);}
|
|
1448
1544
|
.xl-tide-padding-x-2 {padding-left: var(--tide-spacing-2); padding-right: var(--tide-spacing-2);}
|
|
1449
1545
|
.xl-tide-padding-x-4 {padding-left: var(--tide-spacing-4); padding-right: var(--tide-spacing-4);}
|
|
1450
1546
|
|
|
1451
|
-
.xl-tide-padding-y-0 {padding-top: 0;
|
|
1547
|
+
.xl-tide-padding-y-0 {padding-top: 0; padding-bottom: 0;}
|
|
1452
1548
|
.xl-tide-padding-y-1\/4 {padding-top: var(--tide-spacing-1\/4); padding-bottom: var(--tide-spacing-1\/4);}
|
|
1453
1549
|
.xl-tide-padding-y-1\/2 {padding-top: var(--tide-spacing-1\/2); padding-bottom: var(--tide-spacing-1\/2);}
|
|
1454
1550
|
.xl-tide-padding-y-1 {padding-top: var(--tide-spacing-1); padding-bottom: var(--tide-spacing-1);}
|
|
@@ -1492,13 +1588,17 @@
|
|
|
1492
1588
|
|
|
1493
1589
|
.xl-tide-width-container {max-width: 1168px;}
|
|
1494
1590
|
|
|
1591
|
+
.xl-tide-width-auto {width: auto;}
|
|
1495
1592
|
.xl-tide-width-0 {width: 0;}
|
|
1496
1593
|
.xl-tide-width-full {width: 100%;}
|
|
1497
1594
|
|
|
1595
|
+
.xl-tide-height-auto {height: auto;}
|
|
1498
1596
|
.xl-tide-height-0 {height: 0;}
|
|
1499
1597
|
.xl-tide-height-full {height: 100%;}
|
|
1500
1598
|
|
|
1501
1599
|
/* Backgrounds */
|
|
1600
|
+
.xl-tide-bg-initial {background-color: initial;}
|
|
1601
|
+
|
|
1502
1602
|
.xl-tide-transparent-100 {background-color: var(--tide-transparent-100);}
|
|
1503
1603
|
.xl-tide-transparent-200 {background-color: var(--tide-transparent-200);}
|
|
1504
1604
|
.xl-tide-transparent-300 {background-color: var(--tide-transparent-300);}
|
|
@@ -1520,16 +1620,19 @@
|
|
|
1520
1620
|
.xl-tide-font-700 {font-weight: 700;}
|
|
1521
1621
|
|
|
1522
1622
|
/* Misc */
|
|
1523
|
-
.xl-tide-align-middle
|
|
1623
|
+
.xl-tide-align-middle {vertical-align: middle;}
|
|
1624
|
+
.xl-tide-align-initial {vertical-align: initial;}
|
|
1524
1625
|
|
|
1525
1626
|
.xl-tide-bg-blur {backdrop-filter: blur(8px);}
|
|
1526
1627
|
|
|
1527
|
-
.xl-tide-break-
|
|
1628
|
+
.xl-tide-break-initial {overflow-wrap: initial;}
|
|
1629
|
+
.xl-tide-break-word {overflow-wrap: break-word;}
|
|
1528
1630
|
|
|
1529
|
-
.xl-tide-columns-
|
|
1530
|
-
.xl-tide-columns-
|
|
1531
|
-
.xl-tide-columns-
|
|
1532
|
-
.xl-tide-columns-
|
|
1631
|
+
.xl-tide-columns-initial {column-count: initial;}
|
|
1632
|
+
.xl-tide-columns-1 {column-count: 1;}
|
|
1633
|
+
.xl-tide-columns-2 {column-count: 2;}
|
|
1634
|
+
.xl-tide-columns-3 {column-count: 3;}
|
|
1635
|
+
.xl-tide-columns-4 {column-count: 4;}
|
|
1533
1636
|
|
|
1534
1637
|
.xl-tide-cursor-not-allowed {cursor: not-allowed;}
|
|
1535
1638
|
.xl-tide-cursor-pointer {cursor: pointer;}
|
|
@@ -1570,8 +1673,9 @@
|
|
|
1570
1673
|
scroll-snap-align: start;
|
|
1571
1674
|
}
|
|
1572
1675
|
|
|
1573
|
-
.xl-tide-shadow-
|
|
1574
|
-
.xl-tide-shadow-
|
|
1676
|
+
.xl-tide-shadow-initial {box-shadow: initial;}
|
|
1677
|
+
.xl-tide-shadow-bottom {box-shadow: var(--tide-shadow-bottom);}
|
|
1678
|
+
.xl-tide-shadow-top {box-shadow: var(--tide-shadow-top);}
|
|
1575
1679
|
|
|
1576
1680
|
.xl-tide-text-center {text-align: center;}
|
|
1577
1681
|
.xl-tide-text-left {text-align: left;}
|
|
@@ -1608,5 +1712,6 @@
|
|
|
1608
1712
|
.xl-tide-y-auto {overflow-y: auto;}
|
|
1609
1713
|
.xl-tide-y-hidden {overflow-y: hidden;}
|
|
1610
1714
|
|
|
1611
|
-
.xl-tide-z-index-
|
|
1715
|
+
.xl-tide-z-index-initial {z-index: initial;}
|
|
1716
|
+
.xl-tide-z-index-1 {z-index: 1;}
|
|
1612
1717
|
}
|