daisyui 2.3.7-alpha.1 → 2.3.7-alpha.2
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/full.css +1 -1
- package/dist/styled.css +320 -1280
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +104 -351
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities-styled.js +1 -1
- package/dist/utilities-unstyled.js +1 -1
- package/package.json +5 -4
- package/src/index.js +25 -17
package/dist/styled.css
CHANGED
|
@@ -1,45 +1,52 @@
|
|
|
1
|
-
.alert {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
1
|
+
.alert {
|
|
2
|
+
display: flex;
|
|
3
|
+
width: 100%;
|
|
4
|
+
flex-direction: column;
|
|
5
|
+
align-items: center;
|
|
6
|
+
justify-content: space-between;
|
|
7
|
+
gap: 1rem
|
|
8
|
+
}
|
|
9
|
+
.alert > :not([hidden]) ~ :not([hidden]) {
|
|
10
|
+
--tw-space-y-reverse: 0;
|
|
11
|
+
margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
|
|
12
|
+
margin-bottom: calc(0.5rem * var(--tw-space-y-reverse))
|
|
13
|
+
}
|
|
14
|
+
@media (min-width: 768px) {
|
|
15
|
+
.alert {
|
|
16
|
+
flex-direction: row
|
|
5
17
|
}
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
18
|
+
.alert > :not([hidden]) ~ :not([hidden]) {
|
|
19
|
+
--tw-space-y-reverse: 0;
|
|
20
|
+
margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
|
|
21
|
+
margin-bottom: calc(0px * var(--tw-space-y-reverse))
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
.alert > :where(*) {
|
|
25
|
+
display: flex;
|
|
26
|
+
align-items: center;
|
|
27
|
+
gap: 0.5rem
|
|
9
28
|
}
|
|
10
29
|
.artboard {
|
|
11
30
|
width: 100%
|
|
12
31
|
}
|
|
13
32
|
.avatar {
|
|
14
33
|
position: relative;
|
|
15
|
-
display: inline-flex
|
|
34
|
+
display: inline-flex
|
|
16
35
|
}
|
|
17
36
|
.avatar > div {
|
|
18
37
|
display: block;
|
|
19
|
-
}
|
|
20
|
-
.avatar > div {
|
|
21
38
|
aspect-ratio: 1 / 1;
|
|
22
|
-
|
|
23
|
-
.avatar > div {
|
|
24
|
-
overflow: hidden;
|
|
39
|
+
overflow: hidden
|
|
25
40
|
}
|
|
26
41
|
.avatar img {
|
|
27
42
|
height: 100%;
|
|
28
|
-
}
|
|
29
|
-
.avatar img {
|
|
30
43
|
width: 100%;
|
|
31
|
-
|
|
32
|
-
.avatar img {
|
|
33
|
-
object-fit: cover;
|
|
44
|
+
object-fit: cover
|
|
34
45
|
}
|
|
35
46
|
.avatar.placeholder > div {
|
|
36
47
|
display: flex;
|
|
37
|
-
}
|
|
38
|
-
.avatar.placeholder > div {
|
|
39
48
|
align-items: center;
|
|
40
|
-
|
|
41
|
-
.avatar.placeholder > div {
|
|
42
|
-
justify-content: center;
|
|
49
|
+
justify-content: center
|
|
43
50
|
}
|
|
44
51
|
.badge {
|
|
45
52
|
display: inline-flex;
|
|
@@ -57,37 +64,25 @@
|
|
|
57
64
|
}
|
|
58
65
|
.breadcrumbs {
|
|
59
66
|
max-width: 100%;
|
|
60
|
-
overflow-x: auto
|
|
67
|
+
overflow-x: auto
|
|
61
68
|
}
|
|
62
69
|
.breadcrumbs > ul {
|
|
63
70
|
display: flex;
|
|
64
|
-
}
|
|
65
|
-
.breadcrumbs > ul {
|
|
66
71
|
align-items: center;
|
|
67
|
-
}
|
|
68
|
-
.breadcrumbs > ul {
|
|
69
72
|
white-space: nowrap;
|
|
73
|
+
min-height: min-content
|
|
70
74
|
}
|
|
71
|
-
.breadcrumbs > ul {
|
|
72
|
-
min-height: min-content;
|
|
73
|
-
}
|
|
74
75
|
.breadcrumbs > ul > li {
|
|
75
76
|
display: flex;
|
|
76
|
-
|
|
77
|
-
.breadcrumbs > ul > li {
|
|
78
|
-
align-items: center;
|
|
77
|
+
align-items: center
|
|
79
78
|
}
|
|
80
79
|
.breadcrumbs > ul > li > a {
|
|
81
80
|
display: flex;
|
|
82
|
-
}
|
|
83
|
-
.breadcrumbs > ul > li > a {
|
|
84
81
|
cursor: pointer;
|
|
85
|
-
|
|
86
|
-
.breadcrumbs > ul > li > a {
|
|
87
|
-
align-items: center;
|
|
82
|
+
align-items: center
|
|
88
83
|
}
|
|
89
84
|
.breadcrumbs > ul > li > a:hover {
|
|
90
|
-
text-decoration-line: underline
|
|
85
|
+
text-decoration-line: underline
|
|
91
86
|
}
|
|
92
87
|
.btn {
|
|
93
88
|
display: inline-flex;
|
|
@@ -122,29 +117,14 @@
|
|
|
122
117
|
|
|
123
118
|
.btn-square {
|
|
124
119
|
height: 3rem;
|
|
125
|
-
}
|
|
126
|
-
|
|
127
|
-
.btn-square {
|
|
128
120
|
width: 3rem;
|
|
129
|
-
}
|
|
130
|
-
|
|
131
|
-
.btn-square {
|
|
132
121
|
padding: 0px;
|
|
133
122
|
}
|
|
134
123
|
|
|
135
124
|
.btn-circle {
|
|
136
125
|
height: 3rem;
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
.btn-circle {
|
|
140
126
|
width: 3rem;
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
.btn-circle {
|
|
144
127
|
border-radius: 9999px;
|
|
145
|
-
}
|
|
146
|
-
|
|
147
|
-
.btn-circle {
|
|
148
128
|
padding: 0px;
|
|
149
129
|
}
|
|
150
130
|
|
|
@@ -156,32 +136,17 @@
|
|
|
156
136
|
|
|
157
137
|
.btn.loading:before {
|
|
158
138
|
margin-right: 0.5rem;
|
|
159
|
-
}
|
|
160
|
-
|
|
161
|
-
.btn.loading:before {
|
|
162
139
|
height: 1rem;
|
|
163
|
-
}
|
|
164
|
-
|
|
165
|
-
.btn.loading:before {
|
|
166
140
|
width: 1rem;
|
|
167
|
-
}
|
|
168
|
-
|
|
169
|
-
.btn.loading:before {
|
|
170
141
|
border-radius: 9999px;
|
|
171
|
-
}
|
|
172
|
-
|
|
173
|
-
.btn.loading:before {
|
|
174
142
|
border-width: 2px;
|
|
175
|
-
}
|
|
176
|
-
|
|
177
|
-
.btn.loading:before {
|
|
178
143
|
animation: spin 2s linear infinite;
|
|
179
144
|
content: "";
|
|
180
145
|
border-top-color: transparent;
|
|
181
146
|
border-left-color: transparent;
|
|
182
147
|
border-bottom-color: currentColor;
|
|
183
148
|
border-right-color: currentColor;
|
|
184
|
-
|
|
149
|
+
}
|
|
185
150
|
@media (prefers-reduced-motion: reduce) {
|
|
186
151
|
.btn.loading:before {
|
|
187
152
|
animation: spin 10s linear infinite;
|
|
@@ -210,68 +175,48 @@
|
|
|
210
175
|
position: relative;
|
|
211
176
|
display: flex;
|
|
212
177
|
flex-direction: column;
|
|
213
|
-
overflow: hidden
|
|
178
|
+
overflow: hidden
|
|
214
179
|
}
|
|
215
180
|
.card:focus {
|
|
216
181
|
outline: 2px solid transparent;
|
|
217
|
-
outline-offset: 2px
|
|
182
|
+
outline-offset: 2px
|
|
218
183
|
}
|
|
219
184
|
.card-body {
|
|
220
185
|
display: flex;
|
|
221
|
-
}
|
|
222
|
-
.card-body {
|
|
223
186
|
flex: 1 1 auto;
|
|
224
|
-
|
|
225
|
-
.card-body {
|
|
226
|
-
flex-direction: column;
|
|
187
|
+
flex-direction: column
|
|
227
188
|
}
|
|
228
189
|
.card-body :where(p) {
|
|
229
|
-
flex-grow: 1
|
|
190
|
+
flex-grow: 1
|
|
230
191
|
}
|
|
231
192
|
.card-actions {
|
|
232
193
|
display: flex;
|
|
233
|
-
}
|
|
234
|
-
.card-actions {
|
|
235
194
|
flex-wrap: wrap;
|
|
236
|
-
}
|
|
237
|
-
.card-actions {
|
|
238
195
|
align-items: flex-start;
|
|
239
|
-
|
|
240
|
-
.card-actions {
|
|
241
|
-
gap: 0.5rem;
|
|
196
|
+
gap: 0.5rem
|
|
242
197
|
}
|
|
243
198
|
.card figure {
|
|
244
199
|
display: flex;
|
|
245
|
-
}
|
|
246
|
-
.card figure {
|
|
247
200
|
align-items: center;
|
|
248
|
-
|
|
249
|
-
.card figure {
|
|
250
|
-
justify-content: center;
|
|
201
|
+
justify-content: center
|
|
251
202
|
}
|
|
252
203
|
.card.image-full {
|
|
253
|
-
display: grid
|
|
204
|
+
display: grid
|
|
254
205
|
}
|
|
255
206
|
.card.image-full:before {
|
|
256
207
|
position: relative;
|
|
208
|
+
content: ""
|
|
257
209
|
}
|
|
258
|
-
.card.image-full:before {
|
|
259
|
-
content: "";
|
|
260
|
-
}
|
|
261
210
|
.card.image-full:before, .card.image-full > * {
|
|
262
211
|
grid-column-start: 1;
|
|
263
|
-
|
|
264
|
-
.card.image-full:before, .card.image-full > * {
|
|
265
|
-
grid-row-start: 1;
|
|
212
|
+
grid-row-start: 1
|
|
266
213
|
}
|
|
267
214
|
.card.image-full > figure img {
|
|
268
215
|
height: 100%;
|
|
269
|
-
|
|
270
|
-
.card.image-full > figure img {
|
|
271
|
-
object-fit: cover;
|
|
216
|
+
object-fit: cover
|
|
272
217
|
}
|
|
273
218
|
.card.image-full > .card-body {
|
|
274
|
-
position: relative
|
|
219
|
+
position: relative
|
|
275
220
|
}
|
|
276
221
|
.carousel {
|
|
277
222
|
display: flex;
|
|
@@ -281,25 +226,15 @@
|
|
|
281
226
|
}
|
|
282
227
|
.carousel-vertical {
|
|
283
228
|
flex-direction: column;
|
|
284
|
-
}
|
|
285
|
-
.carousel-vertical {
|
|
286
229
|
overflow-y: scroll;
|
|
287
|
-
}
|
|
288
|
-
.carousel-vertical {
|
|
289
230
|
scroll-snap-type: y mandatory;
|
|
290
|
-
}
|
|
291
|
-
.carousel-item {
|
|
292
|
-
box-sizing: content-box;
|
|
293
231
|
}
|
|
294
232
|
.carousel-item {
|
|
233
|
+
box-sizing: content-box;
|
|
295
234
|
display: flex;
|
|
296
|
-
}
|
|
297
|
-
.carousel-item {
|
|
298
235
|
flex: none;
|
|
299
|
-
}
|
|
300
|
-
.carousel-item {
|
|
301
236
|
scroll-snap-align: start;
|
|
302
|
-
|
|
237
|
+
}
|
|
303
238
|
.carousel-center .carousel-item {
|
|
304
239
|
scroll-snap-align: center;
|
|
305
240
|
}
|
|
@@ -340,14 +275,10 @@
|
|
|
340
275
|
display: inline-flex;
|
|
341
276
|
}
|
|
342
277
|
.countdown > * {
|
|
343
|
-
height: 1em
|
|
278
|
+
height: 1em;
|
|
279
|
+
display: inline-block;
|
|
280
|
+
overflow-y: hidden;
|
|
344
281
|
}
|
|
345
|
-
.countdown > * {
|
|
346
|
-
display: inline-block;
|
|
347
|
-
}
|
|
348
|
-
.countdown > * {
|
|
349
|
-
overflow-y: hidden;
|
|
350
|
-
}
|
|
351
282
|
.countdown > *:before {
|
|
352
283
|
position: relative;
|
|
353
284
|
content: "00\A 01\A 02\A 03\A 04\A 05\A 06\A 07\A 08\A 09\A 10\A 11\A 12\A 13\A 14\A 15\A 16\A 17\A 18\A 19\A 20\A 21\A 22\A 23\A 24\A 25\A 26\A 27\A 28\A 29\A 30\A 31\A 32\A 33\A 34\A 35\A 36\A 37\A 38\A 39\A 40\A 41\A 42\A 43\A 44\A 45\A 46\A 47\A 48\A 49\A 50\A 51\A 52\A 53\A 54\A 55\A 56\A 57\A 58\A 59\A 60\A 61\A 62\A 63\A 64\A 65\A 66\A 67\A 68\A 69\A 70\A 71\A 72\A 73\A 74\A 75\A 76\A 77\A 78\A 79\A 80\A 81\A 82\A 83\A 84\A 85\A 86\A 87\A 88\A 89\A 90\A 91\A 92\A 93\A 94\A 95\A 96\A 97\A 98\A 99\A";
|
|
@@ -363,16 +294,10 @@
|
|
|
363
294
|
.divider:before,
|
|
364
295
|
.divider:after {
|
|
365
296
|
content: "";
|
|
366
|
-
}
|
|
367
|
-
.divider:before, .divider:after {
|
|
368
297
|
flex-grow: 1;
|
|
369
|
-
}
|
|
370
|
-
.divider:before, .divider:after {
|
|
371
298
|
height: 0.125rem;
|
|
372
|
-
}
|
|
373
|
-
.divider:before, .divider:after {
|
|
374
299
|
width: 100%;
|
|
375
|
-
}
|
|
300
|
+
}
|
|
376
301
|
.drawer {
|
|
377
302
|
display: grid;
|
|
378
303
|
overflow: hidden;
|
|
@@ -387,8 +312,6 @@
|
|
|
387
312
|
.drawer.drawer-end .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
388
313
|
--tw-translate-x: 100%;
|
|
389
314
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
390
|
-
}
|
|
391
|
-
.drawer.drawer-end .drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
392
315
|
justify-self: end;
|
|
393
316
|
}
|
|
394
317
|
.drawer.drawer-end .drawer-toggle:checked ~ .drawer-side > .drawer-overlay + * {
|
|
@@ -404,59 +327,30 @@
|
|
|
404
327
|
}
|
|
405
328
|
.drawer-toggle ~ .drawer-content {
|
|
406
329
|
z-index: 0;
|
|
407
|
-
}
|
|
408
|
-
.drawer-toggle ~ .drawer-content {
|
|
409
330
|
grid-column-start: 1;
|
|
410
|
-
}
|
|
411
|
-
.drawer-toggle ~ .drawer-content {
|
|
412
331
|
grid-row-start: 1;
|
|
413
|
-
}
|
|
414
|
-
.drawer-toggle ~ .drawer-content {
|
|
415
332
|
max-height: 100vh;
|
|
416
|
-
}
|
|
417
|
-
.drawer-toggle ~ .drawer-content {
|
|
418
333
|
overflow-y: auto;
|
|
419
334
|
}
|
|
420
335
|
.drawer-toggle ~ .drawer-side {
|
|
421
336
|
grid-column-start: 1;
|
|
422
|
-
}
|
|
423
|
-
.drawer-toggle ~ .drawer-side {
|
|
424
337
|
grid-row-start: 1;
|
|
425
|
-
}
|
|
426
|
-
.drawer-toggle ~ .drawer-side {
|
|
427
338
|
display: grid;
|
|
428
|
-
}
|
|
429
|
-
.drawer-toggle ~ .drawer-side {
|
|
430
339
|
max-height: 100vh;
|
|
431
340
|
}
|
|
432
341
|
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
433
342
|
visibility: hidden;
|
|
434
|
-
}
|
|
435
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
436
343
|
grid-column-start: 1;
|
|
437
|
-
}
|
|
438
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
439
344
|
grid-row-start: 1;
|
|
440
|
-
}
|
|
441
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
442
345
|
opacity: 0;
|
|
443
346
|
}
|
|
444
347
|
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
445
348
|
z-index: 10;
|
|
446
|
-
}
|
|
447
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
448
349
|
grid-column-start: 1;
|
|
449
|
-
}
|
|
450
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
451
350
|
grid-row-start: 1;
|
|
452
|
-
}
|
|
453
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
454
351
|
--tw-translate-x: -100%;
|
|
455
352
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
456
353
|
}
|
|
457
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
458
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
459
|
-
}
|
|
460
354
|
.drawer-toggle:checked ~ .drawer-side {
|
|
461
355
|
overflow-y: auto;
|
|
462
356
|
}
|
|
@@ -589,14 +483,10 @@
|
|
|
589
483
|
}
|
|
590
484
|
.footer > * {
|
|
591
485
|
display: grid;
|
|
592
|
-
}
|
|
593
|
-
.footer > * {
|
|
594
486
|
place-items: start;
|
|
595
487
|
}
|
|
596
488
|
.footer-center {
|
|
597
489
|
place-items: center;
|
|
598
|
-
}
|
|
599
|
-
.footer-center {
|
|
600
490
|
text-align: center;
|
|
601
491
|
}
|
|
602
492
|
.footer-center > * {
|
|
@@ -625,37 +515,23 @@
|
|
|
625
515
|
width: 100%;
|
|
626
516
|
place-items: center;
|
|
627
517
|
background-size: cover;
|
|
628
|
-
background-position: center
|
|
518
|
+
background-position: center
|
|
629
519
|
}
|
|
630
520
|
.hero > * {
|
|
631
521
|
grid-column-start: 1;
|
|
632
|
-
|
|
633
|
-
.hero > * {
|
|
634
|
-
grid-row-start: 1;
|
|
522
|
+
grid-row-start: 1
|
|
635
523
|
}
|
|
636
524
|
.hero-overlay {
|
|
637
525
|
grid-column-start: 1;
|
|
638
|
-
}
|
|
639
|
-
.hero-overlay {
|
|
640
526
|
grid-row-start: 1;
|
|
641
|
-
}
|
|
642
|
-
.hero-overlay {
|
|
643
527
|
height: 100%;
|
|
644
|
-
|
|
645
|
-
.hero-overlay {
|
|
646
|
-
width: 100%;
|
|
528
|
+
width: 100%
|
|
647
529
|
}
|
|
648
530
|
.hero-content {
|
|
649
531
|
z-index: 0;
|
|
650
|
-
}
|
|
651
|
-
.hero-content {
|
|
652
532
|
display: flex;
|
|
653
|
-
}
|
|
654
|
-
.hero-content {
|
|
655
533
|
align-items: center;
|
|
656
|
-
|
|
657
|
-
.hero-content {
|
|
658
|
-
justify-content: center;
|
|
534
|
+
justify-content: center
|
|
659
535
|
}
|
|
660
536
|
.indicator {
|
|
661
537
|
position: relative;
|
|
@@ -663,91 +539,49 @@
|
|
|
663
539
|
width: fit-content;
|
|
664
540
|
}
|
|
665
541
|
.indicator .indicator-item {
|
|
666
|
-
z-index: 1
|
|
542
|
+
z-index: 1;
|
|
543
|
+
position: absolute;
|
|
544
|
+
right: 0px;
|
|
545
|
+
left: auto;
|
|
546
|
+
top: 0px;
|
|
547
|
+
bottom: auto;
|
|
548
|
+
--tw-translate-x: 50%;
|
|
549
|
+
--tw-translate-y: -50%;
|
|
550
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
667
551
|
}
|
|
668
|
-
.indicator .indicator-item {
|
|
669
|
-
position: absolute;
|
|
670
|
-
}
|
|
671
|
-
.indicator .indicator-item {
|
|
672
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
673
|
-
}
|
|
674
|
-
.indicator .indicator-item {
|
|
675
|
-
right: 0px;
|
|
676
|
-
}
|
|
677
|
-
.indicator .indicator-item {
|
|
678
|
-
left: auto;
|
|
679
|
-
}
|
|
680
|
-
.indicator .indicator-item {
|
|
681
|
-
top: 0px;
|
|
682
|
-
}
|
|
683
|
-
.indicator .indicator-item {
|
|
684
|
-
bottom: auto;
|
|
685
|
-
}
|
|
686
|
-
.indicator .indicator-item {
|
|
687
|
-
--tw-translate-x: 50%;
|
|
688
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
689
|
-
}
|
|
690
|
-
.indicator .indicator-item {
|
|
691
|
-
--tw-translate-y: -50%;
|
|
692
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
693
|
-
}
|
|
694
552
|
.indicator .indicator-item.indicator-start {
|
|
695
553
|
right: auto;
|
|
696
|
-
}
|
|
697
|
-
.indicator .indicator-item.indicator-start {
|
|
698
554
|
left: 0px;
|
|
699
|
-
}
|
|
700
|
-
.indicator .indicator-item.indicator-start {
|
|
701
555
|
--tw-translate-x: -50%;
|
|
702
556
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
703
557
|
}
|
|
704
558
|
.indicator .indicator-item.indicator-center {
|
|
705
559
|
right: 50%;
|
|
706
|
-
}
|
|
707
|
-
.indicator .indicator-item.indicator-center {
|
|
708
560
|
left: 50%;
|
|
709
|
-
}
|
|
710
|
-
.indicator .indicator-item.indicator-center {
|
|
711
561
|
--tw-translate-x: -50%;
|
|
712
562
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
713
563
|
}
|
|
714
564
|
.indicator .indicator-item.indicator-end {
|
|
715
565
|
right: 0px;
|
|
716
|
-
}
|
|
717
|
-
.indicator .indicator-item.indicator-end {
|
|
718
566
|
left: auto;
|
|
719
|
-
}
|
|
720
|
-
.indicator .indicator-item.indicator-end {
|
|
721
567
|
--tw-translate-x: 50%;
|
|
722
568
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
723
569
|
}
|
|
724
570
|
.indicator .indicator-item.indicator-bottom {
|
|
725
571
|
top: auto;
|
|
726
|
-
}
|
|
727
|
-
.indicator .indicator-item.indicator-bottom {
|
|
728
572
|
bottom: 0px;
|
|
729
|
-
}
|
|
730
|
-
.indicator .indicator-item.indicator-bottom {
|
|
731
573
|
--tw-translate-y: 50%;
|
|
732
574
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
733
575
|
}
|
|
734
576
|
.indicator .indicator-item.indicator-middle {
|
|
735
577
|
top: 50%;
|
|
736
|
-
}
|
|
737
|
-
.indicator .indicator-item.indicator-middle {
|
|
738
578
|
bottom: 50%;
|
|
739
|
-
}
|
|
740
|
-
.indicator .indicator-item.indicator-middle {
|
|
741
579
|
--tw-translate-y: -50%;
|
|
742
580
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
743
581
|
}
|
|
744
582
|
.indicator .indicator-item.indicator-top {
|
|
745
583
|
top: 0px;
|
|
746
|
-
}
|
|
747
|
-
.indicator .indicator-item.indicator-top {
|
|
748
584
|
bottom: auto;
|
|
749
|
-
}
|
|
750
|
-
.indicator .indicator-item.indicator-top {
|
|
751
585
|
--tw-translate-y: -50%;
|
|
752
586
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
753
587
|
}
|
|
@@ -774,42 +608,27 @@
|
|
|
774
608
|
.input-group-md {
|
|
775
609
|
font-size: 0.875rem;
|
|
776
610
|
line-height: 1.25rem;
|
|
777
|
-
}
|
|
778
|
-
.input-group-md {
|
|
779
611
|
line-height: 2;
|
|
780
612
|
}
|
|
781
613
|
.input-group-lg {
|
|
782
614
|
font-size: 1.125rem;
|
|
783
615
|
line-height: 1.75rem;
|
|
784
|
-
}
|
|
785
|
-
.input-group-lg {
|
|
786
616
|
line-height: 2;
|
|
787
617
|
}
|
|
788
618
|
.input-group-sm {
|
|
789
619
|
font-size: 0.875rem;
|
|
790
|
-
line-height: 1.25rem;
|
|
791
|
-
}
|
|
792
|
-
.input-group-sm {
|
|
793
620
|
line-height: 2rem;
|
|
794
621
|
}
|
|
795
622
|
.input-group-xs {
|
|
796
623
|
font-size: 0.75rem;
|
|
797
624
|
line-height: 1rem;
|
|
798
|
-
}
|
|
799
|
-
.input-group-xs {
|
|
800
625
|
line-height: 1.625;
|
|
801
626
|
}
|
|
802
627
|
.input-group :where(span) {
|
|
803
628
|
display: flex;
|
|
804
|
-
}
|
|
805
|
-
.input-group :where(span) {
|
|
806
629
|
align-items: center;
|
|
807
|
-
}
|
|
808
|
-
.input-group :where(span) {
|
|
809
630
|
--tw-bg-opacity: 1;
|
|
810
631
|
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
|
|
811
|
-
}
|
|
812
|
-
.input-group :where(span) {
|
|
813
632
|
padding-left: 1rem;
|
|
814
633
|
padding-right: 1rem;
|
|
815
634
|
}
|
|
@@ -847,13 +666,13 @@
|
|
|
847
666
|
}
|
|
848
667
|
.link {
|
|
849
668
|
cursor: pointer;
|
|
850
|
-
text-decoration-line: underline
|
|
669
|
+
text-decoration-line: underline
|
|
851
670
|
}
|
|
852
671
|
.link-hover {
|
|
853
|
-
text-decoration-line: none
|
|
672
|
+
text-decoration-line: none
|
|
854
673
|
}
|
|
855
674
|
.link-hover:hover {
|
|
856
|
-
text-decoration-line: underline
|
|
675
|
+
text-decoration-line: underline
|
|
857
676
|
}
|
|
858
677
|
.mask {
|
|
859
678
|
-webkit-mask-size: contain;
|
|
@@ -877,94 +696,76 @@
|
|
|
877
696
|
}
|
|
878
697
|
.menu {
|
|
879
698
|
display: flex;
|
|
880
|
-
flex-direction: column
|
|
699
|
+
flex-direction: column
|
|
881
700
|
}
|
|
882
701
|
.menu.horizontal {
|
|
883
702
|
display: inline-flex;
|
|
884
|
-
|
|
885
|
-
.menu.horizontal {
|
|
886
|
-
flex-direction: row;
|
|
703
|
+
flex-direction: row
|
|
887
704
|
}
|
|
888
705
|
.menu.horizontal :where(li) {
|
|
889
|
-
flex-direction: row
|
|
706
|
+
flex-direction: row
|
|
890
707
|
}
|
|
891
708
|
.menu :where(li) {
|
|
892
709
|
position: relative;
|
|
893
710
|
display: flex;
|
|
894
711
|
flex-direction: column;
|
|
895
712
|
flex-wrap: wrap;
|
|
896
|
-
align-items: stretch
|
|
713
|
+
align-items: stretch
|
|
897
714
|
}
|
|
898
715
|
.menu :where(li:not(.menu-title)) > :where(*:not(ul)) {
|
|
899
|
-
display: flex
|
|
716
|
+
display: flex
|
|
900
717
|
}
|
|
901
718
|
.menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
|
|
902
719
|
cursor: pointer;
|
|
903
720
|
user-select: none;
|
|
904
721
|
align-items: center;
|
|
905
722
|
outline: 2px solid transparent;
|
|
906
|
-
outline-offset: 2px
|
|
723
|
+
outline-offset: 2px
|
|
907
724
|
}
|
|
908
725
|
.menu > :where(li > *:not(ul):focus) {
|
|
909
726
|
outline: 2px solid transparent;
|
|
910
|
-
outline-offset: 2px
|
|
727
|
+
outline-offset: 2px
|
|
911
728
|
}
|
|
912
729
|
.menu > :where(li.disabled > *:not(ul):focus) {
|
|
913
|
-
cursor: auto
|
|
730
|
+
cursor: auto
|
|
914
731
|
}
|
|
915
732
|
.menu > :where(li) :where(ul) {
|
|
916
733
|
display: flex;
|
|
917
734
|
flex-direction: column;
|
|
918
|
-
align-items: stretch
|
|
735
|
+
align-items: stretch
|
|
919
736
|
}
|
|
920
737
|
.menu > :where(li) > :where(ul) {
|
|
921
738
|
position: absolute;
|
|
922
739
|
display: none;
|
|
923
740
|
top: initial;
|
|
924
|
-
left: 100
|
|
741
|
+
left: 100%
|
|
925
742
|
}
|
|
926
743
|
.menu > :where(li:hover) > :where(ul) {
|
|
927
|
-
display: flex
|
|
744
|
+
display: flex
|
|
928
745
|
}
|
|
929
746
|
.menu > :where(li:focus) > :where(ul) {
|
|
930
|
-
display: flex
|
|
747
|
+
display: flex
|
|
931
748
|
}
|
|
932
749
|
.mockup-code {
|
|
933
750
|
position: relative;
|
|
934
|
-
}
|
|
935
|
-
.mockup-code {
|
|
936
751
|
overflow: hidden;
|
|
937
|
-
}
|
|
938
|
-
.mockup-code {
|
|
939
752
|
overflow-x: auto;
|
|
940
753
|
}
|
|
941
|
-
|
|
754
|
+
.mockup-code pre[data-prefix]:before {
|
|
942
755
|
content: attr(data-prefix);
|
|
943
|
-
}
|
|
944
|
-
.mockup-code pre[data-prefix]:before {
|
|
945
756
|
display: inline-block;
|
|
946
|
-
}
|
|
947
|
-
.mockup-code pre[data-prefix]:before {
|
|
948
757
|
text-align: right;
|
|
949
|
-
}
|
|
758
|
+
}
|
|
950
759
|
.mockup-window {
|
|
951
760
|
position: relative;
|
|
952
|
-
}
|
|
953
|
-
.mockup-window {
|
|
954
761
|
overflow: hidden;
|
|
955
|
-
}
|
|
956
|
-
.mockup-window {
|
|
957
762
|
overflow-x: auto;
|
|
958
763
|
}
|
|
959
764
|
.mockup-window pre[data-prefix]:before {
|
|
960
765
|
content: attr(data-prefix);
|
|
961
|
-
}
|
|
962
|
-
.mockup-window pre[data-prefix]:before {
|
|
963
766
|
display: inline-block;
|
|
964
|
-
}
|
|
965
|
-
.mockup-window pre[data-prefix]:before {
|
|
966
767
|
text-align: right;
|
|
967
|
-
}
|
|
768
|
+
}
|
|
968
769
|
.modal {
|
|
969
770
|
pointer-events: none;
|
|
970
771
|
visibility: hidden;
|
|
@@ -1007,8 +808,6 @@
|
|
|
1007
808
|
}
|
|
1008
809
|
.navbar > * {
|
|
1009
810
|
display: flex;
|
|
1010
|
-
}
|
|
1011
|
-
.navbar > * {
|
|
1012
811
|
align-items: center;
|
|
1013
812
|
}
|
|
1014
813
|
.navbar-start {
|
|
@@ -1081,10 +880,10 @@
|
|
|
1081
880
|
}
|
|
1082
881
|
.rating {
|
|
1083
882
|
position: relative;
|
|
1084
|
-
display: inline-flex
|
|
883
|
+
display: inline-flex
|
|
1085
884
|
}
|
|
1086
885
|
.rating :where(input) {
|
|
1087
|
-
cursor: pointer
|
|
886
|
+
cursor: pointer
|
|
1088
887
|
}
|
|
1089
888
|
.select {
|
|
1090
889
|
|
|
@@ -1110,28 +909,24 @@
|
|
|
1110
909
|
|
|
1111
910
|
line-height: 2;
|
|
1112
911
|
|
|
1113
|
-
min-height: 3rem
|
|
912
|
+
min-height: 3rem
|
|
1114
913
|
}
|
|
1115
914
|
|
|
1116
915
|
/* disabled */
|
|
1117
916
|
|
|
1118
917
|
.select-disabled, .select[disabled] {
|
|
1119
918
|
|
|
1120
|
-
pointer-events: none
|
|
919
|
+
pointer-events: none
|
|
1121
920
|
}
|
|
1122
921
|
.stack {
|
|
1123
922
|
display: inline-grid;
|
|
1124
923
|
}
|
|
1125
924
|
.stack > * {
|
|
1126
925
|
grid-column-start: 1;
|
|
1127
|
-
}
|
|
1128
|
-
.stack > * {
|
|
1129
926
|
grid-row-start: 1;
|
|
1130
|
-
}
|
|
1131
|
-
.stack > * {
|
|
1132
927
|
transform: translateY(1rem) scale(0.9);
|
|
1133
928
|
z-index: 1;
|
|
1134
|
-
|
|
929
|
+
}
|
|
1135
930
|
.stack > *:nth-child(2) {
|
|
1136
931
|
transform: translateY(0.5rem) scale(0.95);
|
|
1137
932
|
z-index: 2;
|
|
@@ -1141,54 +936,38 @@
|
|
|
1141
936
|
z-index: 3;
|
|
1142
937
|
}
|
|
1143
938
|
.stats {
|
|
1144
|
-
display: inline-grid
|
|
939
|
+
display: inline-grid
|
|
1145
940
|
}
|
|
1146
941
|
:where(.stats) {
|
|
1147
|
-
grid-auto-flow: column
|
|
942
|
+
grid-auto-flow: column
|
|
1148
943
|
}
|
|
1149
944
|
.stat {
|
|
1150
945
|
display: inline-grid;
|
|
1151
946
|
width: 100%;
|
|
1152
|
-
grid-template-columns: repeat(1, 1fr)
|
|
947
|
+
grid-template-columns: repeat(1, 1fr)
|
|
1153
948
|
}
|
|
1154
949
|
.stat-figure {
|
|
1155
950
|
grid-column-start: 2;
|
|
1156
|
-
}
|
|
1157
|
-
.stat-figure {
|
|
1158
951
|
grid-row: span 3 / span 3;
|
|
1159
|
-
}
|
|
1160
|
-
.stat-figure {
|
|
1161
952
|
grid-row-start: 1;
|
|
1162
|
-
}
|
|
1163
|
-
.stat-figure {
|
|
1164
953
|
place-self: center;
|
|
1165
|
-
|
|
1166
|
-
.stat-figure {
|
|
1167
|
-
justify-self: end;
|
|
954
|
+
justify-self: end
|
|
1168
955
|
}
|
|
1169
956
|
.stat-title {
|
|
1170
957
|
grid-column-start: 1;
|
|
1171
|
-
|
|
1172
|
-
.stat-title {
|
|
1173
|
-
white-space: nowrap;
|
|
958
|
+
white-space: nowrap
|
|
1174
959
|
}
|
|
1175
960
|
.stat-value {
|
|
1176
961
|
grid-column-start: 1;
|
|
1177
|
-
|
|
1178
|
-
.stat-value {
|
|
1179
|
-
white-space: nowrap;
|
|
962
|
+
white-space: nowrap
|
|
1180
963
|
}
|
|
1181
964
|
.stat-desc {
|
|
1182
965
|
grid-column-start: 1;
|
|
1183
|
-
|
|
1184
|
-
.stat-desc {
|
|
1185
|
-
white-space: nowrap;
|
|
966
|
+
white-space: nowrap
|
|
1186
967
|
}
|
|
1187
968
|
.stat-actions {
|
|
1188
969
|
grid-column-start: 1;
|
|
1189
|
-
|
|
1190
|
-
.stat-actions {
|
|
1191
|
-
white-space: nowrap;
|
|
970
|
+
white-space: nowrap
|
|
1192
971
|
}
|
|
1193
972
|
/* .stats.grid-flow-row {
|
|
1194
973
|
@apply auto-rows-fr;
|
|
@@ -1199,22 +978,14 @@
|
|
|
1199
978
|
overflow: hidden;
|
|
1200
979
|
overflow-x: auto;
|
|
1201
980
|
counter-reset: step;
|
|
1202
|
-
grid-auto-columns: 1fr
|
|
981
|
+
grid-auto-columns: 1fr
|
|
1203
982
|
}
|
|
1204
983
|
.steps .step {
|
|
1205
984
|
display: grid;
|
|
1206
|
-
}
|
|
1207
|
-
.steps .step {
|
|
1208
985
|
grid-template-columns: repeat(1, minmax(0, 1fr));
|
|
1209
|
-
}
|
|
1210
|
-
.steps .step {
|
|
1211
986
|
grid-template-rows: repeat(2, minmax(0, 1fr));
|
|
1212
|
-
}
|
|
1213
|
-
.steps .step {
|
|
1214
987
|
place-items: center;
|
|
1215
|
-
|
|
1216
|
-
.steps .step {
|
|
1217
|
-
text-align: center;
|
|
988
|
+
text-align: center
|
|
1218
989
|
}
|
|
1219
990
|
.swap {
|
|
1220
991
|
|
|
@@ -1274,44 +1045,28 @@
|
|
|
1274
1045
|
--tab-padding: 1rem
|
|
1275
1046
|
}
|
|
1276
1047
|
.table {
|
|
1277
|
-
position: relative
|
|
1048
|
+
position: relative
|
|
1278
1049
|
}
|
|
1279
1050
|
.table th:first-child {
|
|
1280
1051
|
position: sticky;
|
|
1281
|
-
}
|
|
1282
|
-
.table th:first-child {
|
|
1283
1052
|
left: 0px;
|
|
1284
|
-
}
|
|
1285
|
-
.table th:first-child {
|
|
1286
1053
|
z-index: 11;
|
|
1287
|
-
}
|
|
1288
|
-
.table th:first-child {
|
|
1289
1054
|
/* because safari */
|
|
1290
|
-
position: -webkit-sticky
|
|
1291
|
-
|
|
1055
|
+
position: -webkit-sticky
|
|
1056
|
+
}
|
|
1292
1057
|
.textarea {
|
|
1293
1058
|
flex-shrink: 1;
|
|
1294
1059
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1295
1060
|
transition-duration: 200ms;
|
|
1296
1061
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1297
|
-
}
|
|
1298
|
-
.textarea {
|
|
1299
1062
|
padding-left: 1rem;
|
|
1300
1063
|
padding-right: 1rem;
|
|
1301
|
-
}
|
|
1302
|
-
.textarea {
|
|
1303
1064
|
padding-top: 0.5rem;
|
|
1304
1065
|
padding-bottom: 0.5rem;
|
|
1305
|
-
}
|
|
1306
|
-
.textarea {
|
|
1307
1066
|
font-size: 0.875rem;
|
|
1308
1067
|
line-height: 1.25rem;
|
|
1309
|
-
}
|
|
1310
|
-
.textarea {
|
|
1311
1068
|
line-height: 2;
|
|
1312
|
-
|
|
1313
|
-
.textarea {
|
|
1314
|
-
min-height: 3rem;
|
|
1069
|
+
min-height: 3rem
|
|
1315
1070
|
}
|
|
1316
1071
|
.toggle {
|
|
1317
1072
|
flex-shrink: 0;
|
|
@@ -1325,14 +1080,12 @@
|
|
|
1325
1080
|
position: absolute;
|
|
1326
1081
|
pointer-events: none;
|
|
1327
1082
|
content: attr(data-tip);
|
|
1328
|
-
}
|
|
1329
|
-
.tooltip:before {
|
|
1330
1083
|
transform: translateX(-50%);
|
|
1331
1084
|
top: auto;
|
|
1332
1085
|
left: 50%;
|
|
1333
1086
|
right: auto;
|
|
1334
1087
|
bottom: var(--tooltip-offset);
|
|
1335
|
-
|
|
1088
|
+
}
|
|
1336
1089
|
.tooltip-bottom:before {
|
|
1337
1090
|
transform: translateX(-50%);
|
|
1338
1091
|
top: var(--tooltip-offset);
|
|
@@ -1362,20 +1115,14 @@
|
|
|
1362
1115
|
}
|
|
1363
1116
|
.avatar-group {
|
|
1364
1117
|
display: flex;
|
|
1365
|
-
overflow: hidden
|
|
1118
|
+
overflow: hidden
|
|
1366
1119
|
}
|
|
1367
1120
|
.avatar-group .avatar {
|
|
1368
1121
|
overflow: hidden;
|
|
1369
|
-
}
|
|
1370
|
-
.avatar-group .avatar {
|
|
1371
1122
|
border-radius: 9999px;
|
|
1372
|
-
}
|
|
1373
|
-
.avatar-group .avatar {
|
|
1374
1123
|
border-width: 4px;
|
|
1375
|
-
}
|
|
1376
|
-
.avatar-group .avatar {
|
|
1377
1124
|
--tw-border-opacity: 1;
|
|
1378
|
-
border-color: hsl(var(--b1) / var(--tw-border-opacity))
|
|
1125
|
+
border-color: hsl(var(--b1) / var(--tw-border-opacity))
|
|
1379
1126
|
}
|
|
1380
1127
|
.badge {
|
|
1381
1128
|
|
|
@@ -1400,10 +1147,7 @@
|
|
|
1400
1147
|
|
|
1401
1148
|
--tw-border-opacity: 1;
|
|
1402
1149
|
|
|
1403
|
-
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity))
|
|
1404
|
-
}
|
|
1405
|
-
|
|
1406
|
-
.btn-outline .badge {
|
|
1150
|
+
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
|
|
1407
1151
|
|
|
1408
1152
|
--tw-text-opacity: 1;
|
|
1409
1153
|
|
|
@@ -1414,17 +1158,11 @@
|
|
|
1414
1158
|
|
|
1415
1159
|
--tw-border-opacity: 1;
|
|
1416
1160
|
|
|
1417
|
-
border-color: hsl(var(--p) / var(--tw-border-opacity))
|
|
1418
|
-
}
|
|
1419
|
-
|
|
1420
|
-
.btn-outline.btn-primary .badge {
|
|
1161
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
1421
1162
|
|
|
1422
1163
|
--tw-bg-opacity: 1;
|
|
1423
1164
|
|
|
1424
|
-
background-color: hsl(var(--p) / var(--tw-bg-opacity))
|
|
1425
|
-
}
|
|
1426
|
-
|
|
1427
|
-
.btn-outline.btn-primary .badge {
|
|
1165
|
+
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
1428
1166
|
|
|
1429
1167
|
--tw-text-opacity: 1;
|
|
1430
1168
|
|
|
@@ -1435,17 +1173,11 @@
|
|
|
1435
1173
|
|
|
1436
1174
|
--tw-border-opacity: 1;
|
|
1437
1175
|
|
|
1438
|
-
border-color: hsl(var(--s) / var(--tw-border-opacity))
|
|
1439
|
-
}
|
|
1440
|
-
|
|
1441
|
-
.btn-outline.btn-secondary .badge {
|
|
1176
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
1442
1177
|
|
|
1443
1178
|
--tw-bg-opacity: 1;
|
|
1444
1179
|
|
|
1445
|
-
background-color: hsl(var(--s) / var(--tw-bg-opacity))
|
|
1446
|
-
}
|
|
1447
|
-
|
|
1448
|
-
.btn-outline.btn-secondary .badge {
|
|
1180
|
+
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
1449
1181
|
|
|
1450
1182
|
--tw-text-opacity: 1;
|
|
1451
1183
|
|
|
@@ -1456,17 +1188,11 @@
|
|
|
1456
1188
|
|
|
1457
1189
|
--tw-border-opacity: 1;
|
|
1458
1190
|
|
|
1459
|
-
border-color: hsl(var(--a) / var(--tw-border-opacity))
|
|
1460
|
-
}
|
|
1461
|
-
|
|
1462
|
-
.btn-outline.btn-accent .badge {
|
|
1191
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
1463
1192
|
|
|
1464
1193
|
--tw-bg-opacity: 1;
|
|
1465
1194
|
|
|
1466
|
-
background-color: hsl(var(--a) / var(--tw-bg-opacity))
|
|
1467
|
-
}
|
|
1468
|
-
|
|
1469
|
-
.btn-outline.btn-accent .badge {
|
|
1195
|
+
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
1470
1196
|
|
|
1471
1197
|
--tw-text-opacity: 1;
|
|
1472
1198
|
|
|
@@ -1477,10 +1203,7 @@
|
|
|
1477
1203
|
|
|
1478
1204
|
--tw-border-opacity: 1;
|
|
1479
1205
|
|
|
1480
|
-
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity))
|
|
1481
|
-
}
|
|
1482
|
-
|
|
1483
|
-
.btn-outline .badge.outline {
|
|
1206
|
+
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
|
|
1484
1207
|
|
|
1485
1208
|
background-color: transparent
|
|
1486
1209
|
}
|
|
@@ -1489,15 +1212,9 @@
|
|
|
1489
1212
|
|
|
1490
1213
|
--tw-border-opacity: 1;
|
|
1491
1214
|
|
|
1492
|
-
border-color: hsl(var(--p) / var(--tw-border-opacity))
|
|
1493
|
-
}
|
|
1494
|
-
|
|
1495
|
-
.btn-outline.btn-primary .badge-outline {
|
|
1496
|
-
|
|
1497
|
-
background-color: transparent
|
|
1498
|
-
}
|
|
1215
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
1499
1216
|
|
|
1500
|
-
|
|
1217
|
+
background-color: transparent;
|
|
1501
1218
|
|
|
1502
1219
|
--tw-text-opacity: 1;
|
|
1503
1220
|
|
|
@@ -1508,15 +1225,9 @@
|
|
|
1508
1225
|
|
|
1509
1226
|
--tw-border-opacity: 1;
|
|
1510
1227
|
|
|
1511
|
-
border-color: hsl(var(--s) / var(--tw-border-opacity))
|
|
1512
|
-
}
|
|
1513
|
-
|
|
1514
|
-
.btn-outline.btn-secondary .badge-outline {
|
|
1515
|
-
|
|
1516
|
-
background-color: transparent
|
|
1517
|
-
}
|
|
1228
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
1518
1229
|
|
|
1519
|
-
|
|
1230
|
+
background-color: transparent;
|
|
1520
1231
|
|
|
1521
1232
|
--tw-text-opacity: 1;
|
|
1522
1233
|
|
|
@@ -1527,15 +1238,9 @@
|
|
|
1527
1238
|
|
|
1528
1239
|
--tw-border-opacity: 1;
|
|
1529
1240
|
|
|
1530
|
-
border-color: hsl(var(--a) / var(--tw-border-opacity))
|
|
1531
|
-
}
|
|
1532
|
-
|
|
1533
|
-
.btn-outline.btn-accent .badge-outline {
|
|
1534
|
-
|
|
1535
|
-
background-color: transparent
|
|
1536
|
-
}
|
|
1241
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
1537
1242
|
|
|
1538
|
-
|
|
1243
|
+
background-color: transparent;
|
|
1539
1244
|
|
|
1540
1245
|
--tw-text-opacity: 1;
|
|
1541
1246
|
|
|
@@ -1546,17 +1251,11 @@
|
|
|
1546
1251
|
|
|
1547
1252
|
--tw-border-opacity: 1;
|
|
1548
1253
|
|
|
1549
|
-
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))
|
|
1550
|
-
}
|
|
1551
|
-
|
|
1552
|
-
.btn-outline:hover .badge {
|
|
1254
|
+
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
1553
1255
|
|
|
1554
1256
|
--tw-bg-opacity: 1;
|
|
1555
1257
|
|
|
1556
|
-
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
|
|
1557
|
-
}
|
|
1558
|
-
|
|
1559
|
-
.btn-outline:hover .badge {
|
|
1258
|
+
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
1560
1259
|
|
|
1561
1260
|
--tw-text-opacity: 1;
|
|
1562
1261
|
|
|
@@ -1567,10 +1266,7 @@
|
|
|
1567
1266
|
|
|
1568
1267
|
--tw-border-opacity: 1;
|
|
1569
1268
|
|
|
1570
|
-
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))
|
|
1571
|
-
}
|
|
1572
|
-
|
|
1573
|
-
.btn-outline:hover .badge.outline {
|
|
1269
|
+
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
1574
1270
|
|
|
1575
1271
|
--tw-text-opacity: 1;
|
|
1576
1272
|
|
|
@@ -1581,17 +1277,11 @@
|
|
|
1581
1277
|
|
|
1582
1278
|
--tw-border-opacity: 1;
|
|
1583
1279
|
|
|
1584
|
-
border-color: hsl(var(--pc) / var(--tw-border-opacity))
|
|
1585
|
-
}
|
|
1586
|
-
|
|
1587
|
-
.btn-outline.btn-primary:hover .badge {
|
|
1280
|
+
border-color: hsl(var(--pc) / var(--tw-border-opacity));
|
|
1588
1281
|
|
|
1589
1282
|
--tw-bg-opacity: 1;
|
|
1590
1283
|
|
|
1591
|
-
background-color: hsl(var(--pc) / var(--tw-bg-opacity))
|
|
1592
|
-
}
|
|
1593
|
-
|
|
1594
|
-
.btn-outline.btn-primary:hover .badge {
|
|
1284
|
+
background-color: hsl(var(--pc) / var(--tw-bg-opacity));
|
|
1595
1285
|
|
|
1596
1286
|
--tw-text-opacity: 1;
|
|
1597
1287
|
|
|
@@ -1602,17 +1292,11 @@
|
|
|
1602
1292
|
|
|
1603
1293
|
--tw-border-opacity: 1;
|
|
1604
1294
|
|
|
1605
|
-
border-color: hsl(var(--pc) / var(--tw-border-opacity))
|
|
1606
|
-
}
|
|
1607
|
-
|
|
1608
|
-
.btn-outline.btn-primary:hover .badge.outline {
|
|
1295
|
+
border-color: hsl(var(--pc) / var(--tw-border-opacity));
|
|
1609
1296
|
|
|
1610
1297
|
--tw-bg-opacity: 1;
|
|
1611
1298
|
|
|
1612
|
-
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity))
|
|
1613
|
-
}
|
|
1614
|
-
|
|
1615
|
-
.btn-outline.btn-primary:hover .badge.outline {
|
|
1299
|
+
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
|
|
1616
1300
|
|
|
1617
1301
|
--tw-text-opacity: 1;
|
|
1618
1302
|
|
|
@@ -1623,17 +1307,11 @@
|
|
|
1623
1307
|
|
|
1624
1308
|
--tw-border-opacity: 1;
|
|
1625
1309
|
|
|
1626
|
-
border-color: hsl(var(--sc) / var(--tw-border-opacity))
|
|
1627
|
-
}
|
|
1628
|
-
|
|
1629
|
-
.btn-outline.btn-secondary:hover .badge {
|
|
1310
|
+
border-color: hsl(var(--sc) / var(--tw-border-opacity));
|
|
1630
1311
|
|
|
1631
1312
|
--tw-bg-opacity: 1;
|
|
1632
1313
|
|
|
1633
|
-
background-color: hsl(var(--sc) / var(--tw-bg-opacity))
|
|
1634
|
-
}
|
|
1635
|
-
|
|
1636
|
-
.btn-outline.btn-secondary:hover .badge {
|
|
1314
|
+
background-color: hsl(var(--sc) / var(--tw-bg-opacity));
|
|
1637
1315
|
|
|
1638
1316
|
--tw-text-opacity: 1;
|
|
1639
1317
|
|
|
@@ -1644,17 +1322,11 @@
|
|
|
1644
1322
|
|
|
1645
1323
|
--tw-border-opacity: 1;
|
|
1646
1324
|
|
|
1647
|
-
border-color: hsl(var(--sc) / var(--tw-border-opacity))
|
|
1648
|
-
}
|
|
1649
|
-
|
|
1650
|
-
.btn-outline.btn-secondary:hover .badge.outline {
|
|
1325
|
+
border-color: hsl(var(--sc) / var(--tw-border-opacity));
|
|
1651
1326
|
|
|
1652
1327
|
--tw-bg-opacity: 1;
|
|
1653
1328
|
|
|
1654
|
-
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity))
|
|
1655
|
-
}
|
|
1656
|
-
|
|
1657
|
-
.btn-outline.btn-secondary:hover .badge.outline {
|
|
1329
|
+
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
|
|
1658
1330
|
|
|
1659
1331
|
--tw-text-opacity: 1;
|
|
1660
1332
|
|
|
@@ -1665,17 +1337,11 @@
|
|
|
1665
1337
|
|
|
1666
1338
|
--tw-border-opacity: 1;
|
|
1667
1339
|
|
|
1668
|
-
border-color: hsl(var(--ac) / var(--tw-border-opacity))
|
|
1669
|
-
}
|
|
1670
|
-
|
|
1671
|
-
.btn-outline.btn-accent:hover .badge {
|
|
1340
|
+
border-color: hsl(var(--ac) / var(--tw-border-opacity));
|
|
1672
1341
|
|
|
1673
1342
|
--tw-bg-opacity: 1;
|
|
1674
1343
|
|
|
1675
|
-
background-color: hsl(var(--ac) / var(--tw-bg-opacity))
|
|
1676
|
-
}
|
|
1677
|
-
|
|
1678
|
-
.btn-outline.btn-accent:hover .badge {
|
|
1344
|
+
background-color: hsl(var(--ac) / var(--tw-bg-opacity));
|
|
1679
1345
|
|
|
1680
1346
|
--tw-text-opacity: 1;
|
|
1681
1347
|
|
|
@@ -1686,63 +1352,38 @@
|
|
|
1686
1352
|
|
|
1687
1353
|
--tw-border-opacity: 1;
|
|
1688
1354
|
|
|
1689
|
-
border-color: hsl(var(--ac) / var(--tw-border-opacity))
|
|
1690
|
-
}
|
|
1691
|
-
|
|
1692
|
-
.btn-outline.btn-accent:hover .badge.outline {
|
|
1355
|
+
border-color: hsl(var(--ac) / var(--tw-border-opacity));
|
|
1693
1356
|
|
|
1694
1357
|
--tw-bg-opacity: 1;
|
|
1695
1358
|
|
|
1696
|
-
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity))
|
|
1697
|
-
}
|
|
1698
|
-
|
|
1699
|
-
.btn-outline.btn-accent:hover .badge.outline {
|
|
1359
|
+
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
|
|
1700
1360
|
|
|
1701
1361
|
--tw-text-opacity: 1;
|
|
1702
|
-
|
|
1703
|
-
color: hsl(var(--ac) / var(--tw-text-opacity))
|
|
1704
|
-
}
|
|
1705
|
-
.breadcrumbs {
|
|
1706
|
-
padding-top: 0.5rem;
|
|
1707
|
-
padding-bottom: 0.5rem;
|
|
1708
|
-
}
|
|
1709
|
-
.breadcrumbs > ul > li > a:focus {
|
|
1710
|
-
outline: 2px solid transparent;
|
|
1711
|
-
outline-offset: 2px;
|
|
1712
|
-
}
|
|
1713
|
-
.breadcrumbs > ul > li > a:focus-visible {
|
|
1714
|
-
outline: 2px solid currentColor;
|
|
1715
|
-
outline-offset: 2px;
|
|
1716
|
-
}
|
|
1717
|
-
.breadcrumbs > ul > li + *:before {
|
|
1718
|
-
content: "";
|
|
1719
|
-
}
|
|
1720
|
-
.breadcrumbs > ul > li + *:before {
|
|
1721
|
-
margin-left: 0.5rem;
|
|
1722
|
-
}
|
|
1723
|
-
.breadcrumbs > ul > li + *:before {
|
|
1724
|
-
margin-right: 0.75rem;
|
|
1725
|
-
}
|
|
1726
|
-
.breadcrumbs > ul > li + *:before {
|
|
1727
|
-
display: block;
|
|
1728
|
-
}
|
|
1729
|
-
.breadcrumbs > ul > li + *:before {
|
|
1730
|
-
height: 0.375rem;
|
|
1731
|
-
}
|
|
1732
|
-
.breadcrumbs > ul > li + *:before {
|
|
1733
|
-
width: 0.375rem;
|
|
1734
|
-
}
|
|
1735
|
-
.breadcrumbs > ul > li + *:before {
|
|
1736
|
-
--tw-rotate: 45deg;
|
|
1737
|
-
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1362
|
+
|
|
1363
|
+
color: hsl(var(--ac) / var(--tw-text-opacity))
|
|
1738
1364
|
}
|
|
1739
|
-
|
|
1740
|
-
|
|
1365
|
+
.breadcrumbs {
|
|
1366
|
+
padding-top: 0.5rem;
|
|
1367
|
+
padding-bottom: 0.5rem;
|
|
1741
1368
|
}
|
|
1742
|
-
.breadcrumbs > ul > li
|
|
1743
|
-
|
|
1369
|
+
.breadcrumbs > ul > li > a:focus {
|
|
1370
|
+
outline: 2px solid transparent;
|
|
1371
|
+
outline-offset: 2px;
|
|
1744
1372
|
}
|
|
1373
|
+
.breadcrumbs > ul > li > a:focus-visible {
|
|
1374
|
+
outline: 2px solid currentColor;
|
|
1375
|
+
outline-offset: 2px;
|
|
1376
|
+
}
|
|
1745
1377
|
.breadcrumbs > ul > li + *:before {
|
|
1378
|
+
content: "";
|
|
1379
|
+
margin-left: 0.5rem;
|
|
1380
|
+
margin-right: 0.75rem;
|
|
1381
|
+
display: block;
|
|
1382
|
+
height: 0.375rem;
|
|
1383
|
+
width: 0.375rem;
|
|
1384
|
+
--tw-rotate: 45deg;
|
|
1385
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
1386
|
+
opacity: 0.4;
|
|
1746
1387
|
border-top: 1px solid;
|
|
1747
1388
|
border-right: 1px solid;
|
|
1748
1389
|
background-color: transparent;
|
|
@@ -1757,29 +1398,20 @@
|
|
|
1757
1398
|
.btn:active:hover,
|
|
1758
1399
|
.btn:active:focus {
|
|
1759
1400
|
animation: none;
|
|
1760
|
-
}
|
|
1761
|
-
.btn:active:hover,
|
|
1762
|
-
.btn:active:focus {
|
|
1763
1401
|
transform: scale(var(--btn-focus-scale, 0.95));
|
|
1764
1402
|
}
|
|
1765
1403
|
/* default btn */
|
|
1766
1404
|
.btn {
|
|
1767
1405
|
--tw-border-opacity: 1;
|
|
1768
1406
|
border-color: hsl(var(--n) / var(--tw-border-opacity));
|
|
1769
|
-
}
|
|
1770
|
-
.btn {
|
|
1771
1407
|
--tw-bg-opacity: 1;
|
|
1772
1408
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
1773
|
-
}
|
|
1774
|
-
.btn {
|
|
1775
1409
|
--tw-text-opacity: 1;
|
|
1776
1410
|
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
1777
1411
|
}
|
|
1778
1412
|
.btn:hover, .btn-active {
|
|
1779
1413
|
--tw-border-opacity: 1;
|
|
1780
1414
|
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
|
|
1781
|
-
}
|
|
1782
|
-
.btn:hover, .btn-active {
|
|
1783
1415
|
--tw-bg-opacity: 1;
|
|
1784
1416
|
background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
|
|
1785
1417
|
}
|
|
@@ -1791,20 +1423,14 @@
|
|
|
1791
1423
|
.btn-primary {
|
|
1792
1424
|
--tw-border-opacity: 1;
|
|
1793
1425
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
1794
|
-
}
|
|
1795
|
-
.btn-primary {
|
|
1796
1426
|
--tw-bg-opacity: 1;
|
|
1797
1427
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
1798
|
-
}
|
|
1799
|
-
.btn-primary {
|
|
1800
1428
|
--tw-text-opacity: 1;
|
|
1801
1429
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
1802
1430
|
}
|
|
1803
1431
|
.btn-primary:hover, .btn-primary.btn-active {
|
|
1804
1432
|
--tw-border-opacity: 1;
|
|
1805
1433
|
border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
|
|
1806
|
-
}
|
|
1807
|
-
.btn-primary:hover, .btn-primary.btn-active {
|
|
1808
1434
|
--tw-bg-opacity: 1;
|
|
1809
1435
|
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
|
|
1810
1436
|
}
|
|
@@ -1814,20 +1440,14 @@
|
|
|
1814
1440
|
.btn-secondary {
|
|
1815
1441
|
--tw-border-opacity: 1;
|
|
1816
1442
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
1817
|
-
}
|
|
1818
|
-
.btn-secondary {
|
|
1819
1443
|
--tw-bg-opacity: 1;
|
|
1820
1444
|
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
1821
|
-
}
|
|
1822
|
-
.btn-secondary {
|
|
1823
1445
|
--tw-text-opacity: 1;
|
|
1824
1446
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
1825
1447
|
}
|
|
1826
1448
|
.btn-secondary:hover, .btn-secondary.btn-active {
|
|
1827
1449
|
--tw-border-opacity: 1;
|
|
1828
1450
|
border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
|
|
1829
|
-
}
|
|
1830
|
-
.btn-secondary:hover, .btn-secondary.btn-active {
|
|
1831
1451
|
--tw-bg-opacity: 1;
|
|
1832
1452
|
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
|
|
1833
1453
|
}
|
|
@@ -1837,20 +1457,14 @@
|
|
|
1837
1457
|
.btn-accent {
|
|
1838
1458
|
--tw-border-opacity: 1;
|
|
1839
1459
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
1840
|
-
}
|
|
1841
|
-
.btn-accent {
|
|
1842
1460
|
--tw-bg-opacity: 1;
|
|
1843
1461
|
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
1844
|
-
}
|
|
1845
|
-
.btn-accent {
|
|
1846
1462
|
--tw-text-opacity: 1;
|
|
1847
1463
|
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
1848
1464
|
}
|
|
1849
1465
|
.btn-accent:hover, .btn-accent.btn-active {
|
|
1850
1466
|
--tw-border-opacity: 1;
|
|
1851
1467
|
border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
|
|
1852
|
-
}
|
|
1853
|
-
.btn-accent:hover, .btn-accent.btn-active {
|
|
1854
1468
|
--tw-bg-opacity: 1;
|
|
1855
1469
|
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
|
|
1856
1470
|
}
|
|
@@ -1861,20 +1475,14 @@
|
|
|
1861
1475
|
.btn-info {
|
|
1862
1476
|
--tw-border-opacity: 1;
|
|
1863
1477
|
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
1864
|
-
}
|
|
1865
|
-
.btn-info {
|
|
1866
1478
|
--tw-bg-opacity: 1;
|
|
1867
1479
|
background-color: hsl(var(--in) / var(--tw-bg-opacity));
|
|
1868
|
-
}
|
|
1869
|
-
.btn-info {
|
|
1870
1480
|
--tw-text-opacity: 1;
|
|
1871
1481
|
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
1872
1482
|
}
|
|
1873
1483
|
.btn-info:hover, .btn-info.btn-active {
|
|
1874
1484
|
--tw-border-opacity: 1;
|
|
1875
1485
|
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
1876
|
-
}
|
|
1877
|
-
.btn-info:hover, .btn-info.btn-active {
|
|
1878
1486
|
--tw-bg-opacity: 1;
|
|
1879
1487
|
background-color: hsl(var(--in) / var(--tw-bg-opacity));
|
|
1880
1488
|
}
|
|
@@ -1884,20 +1492,14 @@
|
|
|
1884
1492
|
.btn-success {
|
|
1885
1493
|
--tw-border-opacity: 1;
|
|
1886
1494
|
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
1887
|
-
}
|
|
1888
|
-
.btn-success {
|
|
1889
1495
|
--tw-bg-opacity: 1;
|
|
1890
1496
|
background-color: hsl(var(--su) / var(--tw-bg-opacity));
|
|
1891
|
-
}
|
|
1892
|
-
.btn-success {
|
|
1893
1497
|
--tw-text-opacity: 1;
|
|
1894
1498
|
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
1895
1499
|
}
|
|
1896
1500
|
.btn-success:hover, .btn-success.btn-active {
|
|
1897
1501
|
--tw-border-opacity: 1;
|
|
1898
1502
|
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
1899
|
-
}
|
|
1900
|
-
.btn-success:hover, .btn-success.btn-active {
|
|
1901
1503
|
--tw-bg-opacity: 1;
|
|
1902
1504
|
background-color: hsl(var(--su) / var(--tw-bg-opacity));
|
|
1903
1505
|
}
|
|
@@ -1907,20 +1509,14 @@
|
|
|
1907
1509
|
.btn-warning {
|
|
1908
1510
|
--tw-border-opacity: 1;
|
|
1909
1511
|
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
1910
|
-
}
|
|
1911
|
-
.btn-warning {
|
|
1912
1512
|
--tw-bg-opacity: 1;
|
|
1913
1513
|
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
|
|
1914
|
-
}
|
|
1915
|
-
.btn-warning {
|
|
1916
1514
|
--tw-text-opacity: 1;
|
|
1917
1515
|
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
1918
1516
|
}
|
|
1919
1517
|
.btn-warning:hover, .btn-warning.btn-active {
|
|
1920
1518
|
--tw-border-opacity: 1;
|
|
1921
1519
|
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
1922
|
-
}
|
|
1923
|
-
.btn-warning:hover, .btn-warning.btn-active {
|
|
1924
1520
|
--tw-bg-opacity: 1;
|
|
1925
1521
|
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
|
|
1926
1522
|
}
|
|
@@ -1930,20 +1526,14 @@
|
|
|
1930
1526
|
.btn-error {
|
|
1931
1527
|
--tw-border-opacity: 1;
|
|
1932
1528
|
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
1933
|
-
}
|
|
1934
|
-
.btn-error {
|
|
1935
1529
|
--tw-bg-opacity: 1;
|
|
1936
1530
|
background-color: hsl(var(--er) / var(--tw-bg-opacity));
|
|
1937
|
-
}
|
|
1938
|
-
.btn-error {
|
|
1939
1531
|
--tw-text-opacity: 1;
|
|
1940
1532
|
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
1941
1533
|
}
|
|
1942
1534
|
.btn-error:hover, .btn-error.btn-active {
|
|
1943
1535
|
--tw-border-opacity: 1;
|
|
1944
1536
|
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
1945
|
-
}
|
|
1946
|
-
.btn-error:hover, .btn-error.btn-active {
|
|
1947
1537
|
--tw-bg-opacity: 1;
|
|
1948
1538
|
background-color: hsl(var(--er) / var(--tw-bg-opacity));
|
|
1949
1539
|
}
|
|
@@ -1962,24 +1552,13 @@
|
|
|
1962
1552
|
/* btn variants */
|
|
1963
1553
|
.btn-ghost {
|
|
1964
1554
|
border-width: 1px;
|
|
1965
|
-
}
|
|
1966
|
-
.btn-ghost {
|
|
1967
1555
|
border-color: transparent;
|
|
1968
|
-
}
|
|
1969
|
-
.btn-ghost {
|
|
1970
1556
|
background-color: transparent;
|
|
1971
|
-
}
|
|
1972
|
-
.btn-ghost {
|
|
1973
1557
|
color: currentColor;
|
|
1974
1558
|
}
|
|
1975
1559
|
.btn-ghost:hover, .btn-ghost.btn-active {
|
|
1976
1560
|
--tw-border-opacity: 0;
|
|
1977
|
-
}
|
|
1978
|
-
.btn-ghost:hover, .btn-ghost.btn-active {
|
|
1979
|
-
--tw-bg-opacity: 1;
|
|
1980
1561
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
1981
|
-
}
|
|
1982
|
-
.btn-ghost:hover, .btn-ghost.btn-active {
|
|
1983
1562
|
--tw-bg-opacity: 0.2;
|
|
1984
1563
|
}
|
|
1985
1564
|
.btn-ghost:focus-visible {
|
|
@@ -1987,21 +1566,13 @@
|
|
|
1987
1566
|
}
|
|
1988
1567
|
.btn-link {
|
|
1989
1568
|
border-color: transparent;
|
|
1990
|
-
}
|
|
1991
|
-
.btn-link {
|
|
1992
1569
|
background-color: transparent;
|
|
1993
|
-
}
|
|
1994
|
-
.btn-link {
|
|
1995
1570
|
--tw-text-opacity: 1;
|
|
1996
1571
|
color: hsl(var(--p) / var(--tw-text-opacity));
|
|
1997
1572
|
}
|
|
1998
1573
|
.btn-link:hover, .btn-link.btn-active {
|
|
1999
1574
|
border-color: transparent;
|
|
2000
|
-
}
|
|
2001
|
-
.btn-link:hover, .btn-link.btn-active {
|
|
2002
1575
|
background-color: transparent;
|
|
2003
|
-
}
|
|
2004
|
-
.btn-link:hover, .btn-link.btn-active {
|
|
2005
1576
|
text-decoration-line: underline;
|
|
2006
1577
|
}
|
|
2007
1578
|
.btn-link:focus-visible {
|
|
@@ -2010,23 +1581,15 @@
|
|
|
2010
1581
|
/* outline */
|
|
2011
1582
|
.btn-outline {
|
|
2012
1583
|
border-color: currentColor;
|
|
2013
|
-
}
|
|
2014
|
-
.btn-outline {
|
|
2015
1584
|
background-color: transparent;
|
|
2016
|
-
}
|
|
2017
|
-
.btn-outline {
|
|
2018
1585
|
--tw-text-opacity: 1;
|
|
2019
1586
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
2020
1587
|
}
|
|
2021
1588
|
.btn-outline:hover {
|
|
2022
1589
|
--tw-border-opacity: 1;
|
|
2023
1590
|
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
2024
|
-
}
|
|
2025
|
-
.btn-outline:hover {
|
|
2026
1591
|
--tw-bg-opacity: 1;
|
|
2027
1592
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2028
|
-
}
|
|
2029
|
-
.btn-outline:hover {
|
|
2030
1593
|
--tw-text-opacity: 1;
|
|
2031
1594
|
color: hsl(var(--b1) / var(--tw-text-opacity));
|
|
2032
1595
|
}
|
|
@@ -2037,12 +1600,8 @@
|
|
|
2037
1600
|
.btn-outline.btn-primary:hover {
|
|
2038
1601
|
--tw-border-opacity: 1;
|
|
2039
1602
|
border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
|
|
2040
|
-
}
|
|
2041
|
-
.btn-outline.btn-primary:hover {
|
|
2042
1603
|
--tw-bg-opacity: 1;
|
|
2043
1604
|
background-color: hsl(var(--pf, var(--p)) / var(--tw-bg-opacity));
|
|
2044
|
-
}
|
|
2045
|
-
.btn-outline.btn-primary:hover {
|
|
2046
1605
|
--tw-text-opacity: 1;
|
|
2047
1606
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
2048
1607
|
}
|
|
@@ -2053,12 +1612,8 @@
|
|
|
2053
1612
|
.btn-outline.btn-secondary:hover {
|
|
2054
1613
|
--tw-border-opacity: 1;
|
|
2055
1614
|
border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
|
|
2056
|
-
}
|
|
2057
|
-
.btn-outline.btn-secondary:hover {
|
|
2058
1615
|
--tw-bg-opacity: 1;
|
|
2059
1616
|
background-color: hsl(var(--sf, var(--s)) / var(--tw-bg-opacity));
|
|
2060
|
-
}
|
|
2061
|
-
.btn-outline.btn-secondary:hover {
|
|
2062
1617
|
--tw-text-opacity: 1;
|
|
2063
1618
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
2064
1619
|
}
|
|
@@ -2069,12 +1624,8 @@
|
|
|
2069
1624
|
.btn-outline.btn-accent:hover {
|
|
2070
1625
|
--tw-border-opacity: 1;
|
|
2071
1626
|
border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
|
|
2072
|
-
}
|
|
2073
|
-
.btn-outline.btn-accent:hover {
|
|
2074
1627
|
--tw-bg-opacity: 1;
|
|
2075
1628
|
background-color: hsl(var(--af, var(--a)) / var(--tw-bg-opacity));
|
|
2076
|
-
}
|
|
2077
|
-
.btn-outline.btn-accent:hover {
|
|
2078
1629
|
--tw-text-opacity: 1;
|
|
2079
1630
|
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
2080
1631
|
}
|
|
@@ -2085,12 +1636,8 @@
|
|
|
2085
1636
|
.btn-outline.btn-success:hover {
|
|
2086
1637
|
--tw-border-opacity: 1;
|
|
2087
1638
|
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
2088
|
-
}
|
|
2089
|
-
.btn-outline.btn-success:hover {
|
|
2090
1639
|
--tw-bg-opacity: 1;
|
|
2091
1640
|
background-color: hsl(var(--su) / var(--tw-bg-opacity));
|
|
2092
|
-
}
|
|
2093
|
-
.btn-outline.btn-success:hover {
|
|
2094
1641
|
--tw-text-opacity: 1;
|
|
2095
1642
|
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
2096
1643
|
}
|
|
@@ -2101,12 +1648,8 @@
|
|
|
2101
1648
|
.btn-outline.btn-info:hover {
|
|
2102
1649
|
--tw-border-opacity: 1;
|
|
2103
1650
|
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
2104
|
-
}
|
|
2105
|
-
.btn-outline.btn-info:hover {
|
|
2106
1651
|
--tw-bg-opacity: 1;
|
|
2107
1652
|
background-color: hsl(var(--in) / var(--tw-bg-opacity));
|
|
2108
|
-
}
|
|
2109
|
-
.btn-outline.btn-info:hover {
|
|
2110
1653
|
--tw-text-opacity: 1;
|
|
2111
1654
|
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
2112
1655
|
}
|
|
@@ -2117,12 +1660,8 @@
|
|
|
2117
1660
|
.btn-outline.btn-warning:hover {
|
|
2118
1661
|
--tw-border-opacity: 1;
|
|
2119
1662
|
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
2120
|
-
}
|
|
2121
|
-
.btn-outline.btn-warning:hover {
|
|
2122
1663
|
--tw-bg-opacity: 1;
|
|
2123
1664
|
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
|
|
2124
|
-
}
|
|
2125
|
-
.btn-outline.btn-warning:hover {
|
|
2126
1665
|
--tw-text-opacity: 1;
|
|
2127
1666
|
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
2128
1667
|
}
|
|
@@ -2133,31 +1672,17 @@
|
|
|
2133
1672
|
.btn-outline.btn-error:hover {
|
|
2134
1673
|
--tw-border-opacity: 1;
|
|
2135
1674
|
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
2136
|
-
}
|
|
2137
|
-
.btn-outline.btn-error:hover {
|
|
2138
1675
|
--tw-bg-opacity: 1;
|
|
2139
1676
|
background-color: hsl(var(--er) / var(--tw-bg-opacity));
|
|
2140
|
-
}
|
|
2141
|
-
.btn-outline.btn-error:hover {
|
|
2142
1677
|
--tw-text-opacity: 1;
|
|
2143
1678
|
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
2144
1679
|
}
|
|
2145
1680
|
/* disabled */
|
|
2146
1681
|
.btn-disabled, .btn[disabled] {
|
|
2147
1682
|
--tw-border-opacity: 0;
|
|
2148
|
-
}
|
|
2149
|
-
.btn-disabled, .btn[disabled] {
|
|
2150
|
-
--tw-bg-opacity: 1;
|
|
2151
1683
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
2152
|
-
}
|
|
2153
|
-
.btn-disabled, .btn[disabled] {
|
|
2154
1684
|
--tw-bg-opacity: 0.2;
|
|
2155
|
-
}
|
|
2156
|
-
.btn-disabled, .btn[disabled] {
|
|
2157
|
-
--tw-text-opacity: 1;
|
|
2158
1685
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
2159
|
-
}
|
|
2160
|
-
.btn-disabled, .btn[disabled] {
|
|
2161
1686
|
--tw-text-opacity: 0.2;
|
|
2162
1687
|
}
|
|
2163
1688
|
/* loading */
|
|
@@ -2166,26 +1691,18 @@
|
|
|
2166
1691
|
}
|
|
2167
1692
|
.btn.loading.btn-xl:before, .btn.loading.btn-lg:before {
|
|
2168
1693
|
height: 1.25rem;
|
|
2169
|
-
}
|
|
2170
|
-
.btn.loading.btn-xl:before, .btn.loading.btn-lg:before {
|
|
2171
1694
|
width: 1.25rem;
|
|
2172
1695
|
}
|
|
2173
1696
|
.btn.loading.btn-sm:before, .btn.loading.btn-xs:before {
|
|
2174
1697
|
height: 0.75rem;
|
|
2175
|
-
}
|
|
2176
|
-
.btn.loading.btn-sm:before, .btn.loading.btn-xs:before {
|
|
2177
1698
|
width: 0.75rem;
|
|
2178
1699
|
}
|
|
2179
1700
|
/* group */
|
|
2180
1701
|
.btn-group > input[type="radio"]:checked.btn, .btn-group > .btn-active {
|
|
2181
1702
|
--tw-border-opacity: 1;
|
|
2182
1703
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2183
|
-
}
|
|
2184
|
-
.btn-group > input[type="radio"]:checked.btn, .btn-group > .btn-active {
|
|
2185
1704
|
--tw-bg-opacity: 1;
|
|
2186
1705
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
2187
|
-
}
|
|
2188
|
-
.btn-group > input[type="radio"]:checked.btn, .btn-group > .btn-active {
|
|
2189
1706
|
--tw-text-opacity: 1;
|
|
2190
1707
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
2191
1708
|
}
|
|
@@ -2194,8 +1711,6 @@
|
|
|
2194
1711
|
}
|
|
2195
1712
|
.btn-group > .btn:not(:first-child) {
|
|
2196
1713
|
margin-left: -1px;
|
|
2197
|
-
}
|
|
2198
|
-
.btn-group > .btn:not(:first-child) {
|
|
2199
1714
|
border-top-left-radius: 0px;
|
|
2200
1715
|
border-bottom-left-radius: 0px;
|
|
2201
1716
|
}
|
|
@@ -2223,70 +1738,42 @@
|
|
|
2223
1738
|
}
|
|
2224
1739
|
.card.bordered {
|
|
2225
1740
|
border-width: 1px;
|
|
2226
|
-
}
|
|
2227
|
-
.card.bordered {
|
|
2228
1741
|
--tw-border-opacity: 1;
|
|
2229
1742
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
2230
1743
|
}
|
|
2231
1744
|
.card-bordered {
|
|
2232
1745
|
border-width: 1px;
|
|
2233
|
-
}
|
|
2234
|
-
.card-bordered {
|
|
2235
1746
|
--tw-border-opacity: 1;
|
|
2236
1747
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
2237
1748
|
}
|
|
2238
1749
|
.card.compact .card-body {
|
|
2239
1750
|
padding: 1rem;
|
|
2240
|
-
}
|
|
2241
|
-
.card.compact .card-body {
|
|
2242
1751
|
font-size: 0.875rem;
|
|
2243
1752
|
line-height: 1.25rem;
|
|
2244
1753
|
}
|
|
2245
1754
|
.card-body {
|
|
2246
1755
|
padding: var(--padding-card, 2rem);
|
|
2247
|
-
}
|
|
2248
|
-
.card-body {
|
|
2249
1756
|
display: flex;
|
|
2250
|
-
}
|
|
2251
|
-
.card-body {
|
|
2252
1757
|
flex-direction: column;
|
|
2253
|
-
}
|
|
2254
|
-
.card-body {
|
|
2255
1758
|
gap: 0.5rem;
|
|
2256
|
-
}
|
|
1759
|
+
}
|
|
2257
1760
|
.card-title {
|
|
2258
1761
|
display: flex;
|
|
2259
|
-
}
|
|
2260
|
-
.card-title {
|
|
2261
1762
|
align-items: center;
|
|
2262
|
-
}
|
|
2263
|
-
.card-title {
|
|
2264
1763
|
gap: 0.5rem;
|
|
2265
|
-
}
|
|
2266
|
-
.card-title {
|
|
2267
1764
|
font-size: 1.25rem;
|
|
2268
1765
|
line-height: 1.75rem;
|
|
2269
|
-
}
|
|
2270
|
-
.card-title {
|
|
2271
1766
|
font-weight: 600;
|
|
2272
1767
|
}
|
|
2273
1768
|
.card.image-full:before {
|
|
2274
1769
|
z-index: 10;
|
|
2275
|
-
}
|
|
2276
|
-
.card.image-full:before {
|
|
2277
1770
|
--tw-bg-opacity: 1;
|
|
2278
1771
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
2279
|
-
}
|
|
2280
|
-
.card.image-full:before {
|
|
2281
1772
|
opacity: 0.75;
|
|
2282
|
-
}
|
|
2283
|
-
.card.image-full:before {
|
|
2284
1773
|
border-radius: var(--rounded-box, 1rem);
|
|
2285
1774
|
}
|
|
2286
1775
|
.card.image-full > .card-body {
|
|
2287
1776
|
z-index: 20;
|
|
2288
|
-
}
|
|
2289
|
-
.card.image-full > .card-body {
|
|
2290
1777
|
--tw-text-opacity: 1;
|
|
2291
1778
|
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
2292
1779
|
}
|
|
@@ -2316,34 +1803,23 @@
|
|
|
2316
1803
|
.checkbox:checked, .checkbox[checked="true"] {
|
|
2317
1804
|
--tw-bg-opacity: 1;
|
|
2318
1805
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2319
|
-
}
|
|
2320
|
-
.checkbox:checked, .checkbox[checked="true"] {
|
|
2321
1806
|
background-repeat: no-repeat;
|
|
2322
|
-
}
|
|
2323
|
-
.checkbox:checked,
|
|
2324
|
-
.checkbox[checked="true"] {
|
|
2325
1807
|
animation: checkmark var(--animation-input, 0.2s) ease-in-out;
|
|
2326
1808
|
background-image: linear-gradient(-45deg, transparent 65%, hsl(var(--chkbg)) 65.99%), linear-gradient(45deg, transparent 75%, hsl(var(--chkbg)) 75.99%), linear-gradient(-45deg, hsl(var(--chkbg)) 40%, transparent 40.99%), linear-gradient(45deg, hsl(var(--chkbg)) 30%, hsl(var(--chkfg)) 30.99%, hsl(var(--chkfg)) 40%, transparent 40.99%), linear-gradient(-45deg, hsl(var(--chkfg)) 50%, hsl(var(--chkbg)) 50.99%);
|
|
2327
|
-
|
|
1809
|
+
}
|
|
2328
1810
|
.checkbox:indeterminate {
|
|
2329
1811
|
--tw-bg-opacity: 1;
|
|
2330
1812
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2331
|
-
}
|
|
2332
|
-
.checkbox:indeterminate {
|
|
2333
1813
|
background-repeat: no-repeat;
|
|
2334
|
-
}
|
|
2335
|
-
.checkbox:indeterminate {
|
|
2336
1814
|
animation: checkmark var(--animation-input, 0.2s) ease-in-out;
|
|
2337
1815
|
background-image: linear-gradient(90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(-90deg, transparent 80%, hsl(var(--chkbg)) 80%), linear-gradient(0deg, hsl(var(--chkbg)) 43%, hsl(var(--chkfg)) 43%, hsl(var(--chkfg)) 57%, hsl(var(--chkbg)) 57%);
|
|
2338
|
-
|
|
1816
|
+
}
|
|
2339
1817
|
.checkbox-primary {
|
|
2340
1818
|
--chkbg: var(--p);
|
|
2341
|
-
--chkfg: var(--pc)
|
|
1819
|
+
--chkfg: var(--pc);
|
|
1820
|
+
--tw-border-opacity: 1;
|
|
1821
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2342
1822
|
}
|
|
2343
|
-
.checkbox-primary {
|
|
2344
|
-
--tw-border-opacity: 1;
|
|
2345
|
-
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2346
|
-
}
|
|
2347
1823
|
.checkbox-primary:hover {
|
|
2348
1824
|
--tw-border-opacity: 1;
|
|
2349
1825
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
@@ -2354,23 +1830,17 @@
|
|
|
2354
1830
|
.checkbox-primary:checked, .checkbox-primary[checked="true"] {
|
|
2355
1831
|
--tw-border-opacity: 1;
|
|
2356
1832
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2357
|
-
}
|
|
2358
|
-
.checkbox-primary:checked, .checkbox-primary[checked="true"] {
|
|
2359
1833
|
--tw-bg-opacity: 1;
|
|
2360
1834
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
2361
|
-
}
|
|
2362
|
-
.checkbox-primary:checked, .checkbox-primary[checked="true"] {
|
|
2363
1835
|
--tw-text-opacity: 1;
|
|
2364
1836
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
2365
1837
|
}
|
|
2366
1838
|
.checkbox-secondary {
|
|
2367
1839
|
--chkbg: var(--s);
|
|
2368
|
-
--chkfg: var(--sc)
|
|
1840
|
+
--chkfg: var(--sc);
|
|
1841
|
+
--tw-border-opacity: 1;
|
|
1842
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
2369
1843
|
}
|
|
2370
|
-
.checkbox-secondary {
|
|
2371
|
-
--tw-border-opacity: 1;
|
|
2372
|
-
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
2373
|
-
}
|
|
2374
1844
|
.checkbox-secondary:hover {
|
|
2375
1845
|
--tw-border-opacity: 1;
|
|
2376
1846
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
@@ -2381,23 +1851,17 @@
|
|
|
2381
1851
|
.checkbox-secondary:checked, .checkbox-secondary[checked="true"] {
|
|
2382
1852
|
--tw-border-opacity: 1;
|
|
2383
1853
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
2384
|
-
}
|
|
2385
|
-
.checkbox-secondary:checked, .checkbox-secondary[checked="true"] {
|
|
2386
1854
|
--tw-bg-opacity: 1;
|
|
2387
1855
|
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
2388
|
-
}
|
|
2389
|
-
.checkbox-secondary:checked, .checkbox-secondary[checked="true"] {
|
|
2390
1856
|
--tw-text-opacity: 1;
|
|
2391
1857
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
2392
1858
|
}
|
|
2393
1859
|
.checkbox-accent {
|
|
2394
1860
|
--chkbg: var(--a);
|
|
2395
|
-
--chkfg: var(--ac)
|
|
1861
|
+
--chkfg: var(--ac);
|
|
1862
|
+
--tw-border-opacity: 1;
|
|
1863
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
2396
1864
|
}
|
|
2397
|
-
.checkbox-accent {
|
|
2398
|
-
--tw-border-opacity: 1;
|
|
2399
|
-
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
2400
|
-
}
|
|
2401
1865
|
.checkbox-accent:hover {
|
|
2402
1866
|
--tw-border-opacity: 1;
|
|
2403
1867
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
@@ -2408,26 +1872,16 @@
|
|
|
2408
1872
|
.checkbox-accent:checked, .checkbox-accent[checked="true"] {
|
|
2409
1873
|
--tw-border-opacity: 1;
|
|
2410
1874
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
2411
|
-
}
|
|
2412
|
-
.checkbox-accent:checked, .checkbox-accent[checked="true"] {
|
|
2413
1875
|
--tw-bg-opacity: 1;
|
|
2414
1876
|
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
2415
|
-
}
|
|
2416
|
-
.checkbox-accent:checked, .checkbox-accent[checked="true"] {
|
|
2417
1877
|
--tw-text-opacity: 1;
|
|
2418
1878
|
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
2419
1879
|
}
|
|
2420
1880
|
.checkbox:disabled {
|
|
2421
1881
|
cursor: not-allowed;
|
|
2422
|
-
}
|
|
2423
|
-
.checkbox:disabled {
|
|
2424
1882
|
border-color: transparent;
|
|
2425
|
-
}
|
|
2426
|
-
.checkbox:disabled {
|
|
2427
1883
|
--tw-bg-opacity: 1;
|
|
2428
1884
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2429
|
-
}
|
|
2430
|
-
.checkbox:disabled {
|
|
2431
1885
|
opacity: 0.2;
|
|
2432
1886
|
}
|
|
2433
1887
|
|
|
@@ -2552,24 +2006,18 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2552
2006
|
.divider {
|
|
2553
2007
|
margin-top: 1rem;
|
|
2554
2008
|
margin-bottom: 1rem;
|
|
2555
|
-
height: 1rem
|
|
2009
|
+
height: 1rem
|
|
2556
2010
|
}
|
|
2557
2011
|
.divider:before {
|
|
2558
|
-
--tw-bg-opacity: 1;
|
|
2559
2012
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2560
|
-
|
|
2561
|
-
.divider:before {
|
|
2562
|
-
--tw-bg-opacity: 0.1;
|
|
2013
|
+
--tw-bg-opacity: 0.1
|
|
2563
2014
|
}
|
|
2564
2015
|
.divider:after {
|
|
2565
|
-
--tw-bg-opacity: 1;
|
|
2566
2016
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2567
|
-
|
|
2568
|
-
.divider:after {
|
|
2569
|
-
--tw-bg-opacity: 0.1;
|
|
2017
|
+
--tw-bg-opacity: 0.1
|
|
2570
2018
|
}
|
|
2571
2019
|
.divider:not(:empty) {
|
|
2572
|
-
gap: 1rem
|
|
2020
|
+
gap: 1rem
|
|
2573
2021
|
}
|
|
2574
2022
|
.drawer.drawer-end .drawer-toggle:checked ~ .drawer-content {
|
|
2575
2023
|
--tw-translate-x: -0.5rem;
|
|
@@ -2577,42 +2025,20 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2577
2025
|
}
|
|
2578
2026
|
.drawer-toggle ~ .drawer-content {
|
|
2579
2027
|
transition-property: all;
|
|
2580
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2581
|
-
transition-duration: 150ms;
|
|
2582
|
-
}
|
|
2583
|
-
.drawer-toggle ~ .drawer-content {
|
|
2584
2028
|
transition-duration: 300ms;
|
|
2585
|
-
}
|
|
2586
|
-
.drawer-toggle ~ .drawer-content {
|
|
2587
2029
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2588
2030
|
}
|
|
2589
2031
|
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
2590
2032
|
cursor: pointer;
|
|
2591
|
-
}
|
|
2592
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
2593
2033
|
--tw-bg-opacity: 1;
|
|
2594
2034
|
background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
|
|
2595
|
-
}
|
|
2596
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
2597
2035
|
transition-property: all;
|
|
2598
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2599
|
-
transition-duration: 150ms;
|
|
2600
|
-
}
|
|
2601
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
2602
2036
|
transition-duration: 300ms;
|
|
2603
|
-
}
|
|
2604
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
2605
2037
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2606
2038
|
}
|
|
2607
2039
|
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
2608
2040
|
transition-property: all;
|
|
2609
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2610
|
-
transition-duration: 150ms;
|
|
2611
|
-
}
|
|
2612
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
2613
2041
|
transition-duration: 300ms;
|
|
2614
|
-
}
|
|
2615
|
-
.drawer-toggle ~ .drawer-side > .drawer-overlay + * {
|
|
2616
2042
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2617
2043
|
}
|
|
2618
2044
|
.drawer-toggle:checked ~ .drawer-content {
|
|
@@ -2620,11 +2046,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2620
2046
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
2621
2047
|
}
|
|
2622
2048
|
.drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
|
|
2623
|
-
opacity: 0.999999; /* 1 causes a bug on chrome 🤷♂️ */
|
|
2049
|
+
opacity: 0.999999; /* 1 causes a bug on chrome 🤷♂️ */ --tw-bg-opacity: 0.4;
|
|
2624
2050
|
}
|
|
2625
|
-
.drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
|
|
2626
|
-
--tw-bg-opacity: 0.4;
|
|
2627
|
-
}
|
|
2628
2051
|
.drawer-toggle:focus-visible ~ .drawer-content .drawer-button {
|
|
2629
2052
|
outline: 2px solid hsl(var(--nf));
|
|
2630
2053
|
outline-offset: 2px;
|
|
@@ -2692,63 +2115,46 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2692
2115
|
row-gap: 2.5rem;
|
|
2693
2116
|
column-gap: 1rem;
|
|
2694
2117
|
font-size: 0.875rem;
|
|
2695
|
-
line-height: 1.25rem
|
|
2118
|
+
line-height: 1.25rem
|
|
2696
2119
|
}
|
|
2697
2120
|
.footer > * {
|
|
2698
|
-
gap: 0.5rem
|
|
2121
|
+
gap: 0.5rem
|
|
2699
2122
|
}
|
|
2700
2123
|
.footer-title {
|
|
2701
2124
|
margin-bottom: 0.5rem;
|
|
2702
|
-
}
|
|
2703
|
-
.footer-title {
|
|
2704
2125
|
font-weight: 700;
|
|
2705
|
-
}
|
|
2706
|
-
.footer-title {
|
|
2707
2126
|
text-transform: uppercase;
|
|
2708
|
-
|
|
2709
|
-
.footer-title {
|
|
2710
|
-
opacity: 0.5;
|
|
2127
|
+
opacity: 0.5
|
|
2711
2128
|
}
|
|
2712
2129
|
.label {
|
|
2713
2130
|
padding-left: 0.25rem;
|
|
2714
2131
|
padding-right: 0.25rem;
|
|
2715
2132
|
padding-top: 0.5rem;
|
|
2716
|
-
padding-bottom: 0.5rem
|
|
2133
|
+
padding-bottom: 0.5rem
|
|
2717
2134
|
}
|
|
2718
2135
|
.label-text {
|
|
2719
2136
|
font-size: 0.875rem;
|
|
2720
2137
|
line-height: 1.25rem;
|
|
2721
|
-
}
|
|
2722
|
-
.label-text {
|
|
2723
2138
|
--tw-text-opacity: 1;
|
|
2724
|
-
color: hsl(var(--bc) / var(--tw-text-opacity))
|
|
2139
|
+
color: hsl(var(--bc) / var(--tw-text-opacity))
|
|
2725
2140
|
}
|
|
2726
2141
|
.label-text-alt {
|
|
2727
2142
|
font-size: 0.75rem;
|
|
2728
2143
|
line-height: 1rem;
|
|
2729
|
-
}
|
|
2730
|
-
.label-text-alt {
|
|
2731
2144
|
--tw-text-opacity: 1;
|
|
2732
|
-
color: hsl(var(--bc) / var(--tw-text-opacity))
|
|
2145
|
+
color: hsl(var(--bc) / var(--tw-text-opacity))
|
|
2733
2146
|
}
|
|
2734
2147
|
.label a:hover {
|
|
2735
2148
|
--tw-text-opacity: 1;
|
|
2736
|
-
color: hsl(var(--bc) / var(--tw-text-opacity))
|
|
2149
|
+
color: hsl(var(--bc) / var(--tw-text-opacity))
|
|
2737
2150
|
}
|
|
2738
2151
|
.hero-overlay {
|
|
2739
|
-
--tw-bg-opacity
|
|
2740
|
-
background-color: hsl(var(--n) / var(--tw-bg-opacity))
|
|
2741
|
-
}
|
|
2742
|
-
.hero-overlay {
|
|
2152
|
+
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
2743
2153
|
--tw-bg-opacity: 0.5
|
|
2744
2154
|
}
|
|
2745
2155
|
.hero-content {
|
|
2746
|
-
max-width: 80rem
|
|
2747
|
-
|
|
2748
|
-
.hero-content {
|
|
2749
|
-
gap: 1rem
|
|
2750
|
-
}
|
|
2751
|
-
.hero-content {
|
|
2156
|
+
max-width: 80rem;
|
|
2157
|
+
gap: 1rem;
|
|
2752
2158
|
padding: 1rem
|
|
2753
2159
|
}
|
|
2754
2160
|
.input {
|
|
@@ -2771,14 +2177,10 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2771
2177
|
}
|
|
2772
2178
|
.input-ghost:focus {
|
|
2773
2179
|
--tw-bg-opacity: 1;
|
|
2774
|
-
}
|
|
2775
|
-
.input-ghost:focus {
|
|
2776
2180
|
--tw-text-opacity: 1;
|
|
2777
2181
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
2778
|
-
}
|
|
2779
|
-
.input-ghost:focus {
|
|
2780
2182
|
box-shadow: none;
|
|
2781
|
-
|
|
2183
|
+
}
|
|
2782
2184
|
.input-primary {
|
|
2783
2185
|
--tw-border-opacity: 1;
|
|
2784
2186
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
@@ -2830,23 +2232,14 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2830
2232
|
}
|
|
2831
2233
|
.input-disabled, .input[disabled] {
|
|
2832
2234
|
cursor: not-allowed;
|
|
2833
|
-
}
|
|
2834
|
-
.input-disabled, .input[disabled] {
|
|
2835
2235
|
--tw-border-opacity: 1;
|
|
2836
2236
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
2837
|
-
}
|
|
2838
|
-
.input-disabled, .input[disabled] {
|
|
2839
2237
|
--tw-bg-opacity: 1;
|
|
2840
2238
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
2841
|
-
}
|
|
2842
|
-
.input-disabled, .input[disabled] {
|
|
2843
2239
|
--tw-text-opacity: 0.2;
|
|
2844
2240
|
}
|
|
2845
2241
|
.input-disabled::placeholder, .input[disabled]::placeholder {
|
|
2846
|
-
--tw-placeholder-opacity: 1;
|
|
2847
2242
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
2848
|
-
}
|
|
2849
|
-
.input-disabled::placeholder, .input[disabled]::placeholder {
|
|
2850
2243
|
--tw-placeholder-opacity: 0.2;
|
|
2851
2244
|
}
|
|
2852
2245
|
.input::-webkit-calendar-picker-indicator {
|
|
@@ -2869,7 +2262,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2869
2262
|
--tw-text-opacity: 1;
|
|
2870
2263
|
color: hsl(var(--p) / var(--tw-text-opacity));
|
|
2871
2264
|
}
|
|
2872
|
-
|
|
2265
|
+
.link-primary:hover {
|
|
2873
2266
|
--tw-text-opacity: 1;
|
|
2874
2267
|
color: hsl(var(--pf, var(--p)) / var(--tw-text-opacity));
|
|
2875
2268
|
}
|
|
@@ -2983,11 +2376,7 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2983
2376
|
}
|
|
2984
2377
|
.menu.horizontal li.bordered > a, .menu.horizontal li.bordered > button, .menu.horizontal li.bordered > span {
|
|
2985
2378
|
border-left-width: 0px;
|
|
2986
|
-
}
|
|
2987
|
-
.menu.horizontal li.bordered > a, .menu.horizontal li.bordered > button, .menu.horizontal li.bordered > span {
|
|
2988
2379
|
border-bottom-width: 4px;
|
|
2989
|
-
}
|
|
2990
|
-
.menu.horizontal li.bordered > a, .menu.horizontal li.bordered > button, .menu.horizontal li.bordered > span {
|
|
2991
2380
|
--tw-border-opacity: 1;
|
|
2992
2381
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2993
2382
|
}
|
|
@@ -2996,66 +2385,39 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2996
2385
|
}
|
|
2997
2386
|
.menu :where(li.bordered > *) {
|
|
2998
2387
|
border-left-width: 4px;
|
|
2999
|
-
}
|
|
3000
|
-
.menu :where(li.bordered > *) {
|
|
3001
2388
|
--tw-border-opacity: 1;
|
|
3002
2389
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
3003
2390
|
}
|
|
3004
2391
|
.menu :where(li) > :where(*:not(ul)) {
|
|
3005
2392
|
gap: 0.75rem;
|
|
3006
|
-
}
|
|
3007
|
-
.menu :where(li) > :where(*:not(ul)) {
|
|
3008
2393
|
padding-left: 1rem;
|
|
3009
2394
|
padding-right: 1rem;
|
|
3010
|
-
}
|
|
3011
|
-
.menu :where(li) > :where(*:not(ul)) {
|
|
3012
2395
|
padding-top: 0.75rem;
|
|
3013
2396
|
padding-bottom: 0.75rem;
|
|
3014
|
-
}
|
|
3015
|
-
.menu :where(li) > :where(*:not(ul)) {
|
|
3016
2397
|
color: currentColor;
|
|
3017
2398
|
}
|
|
3018
2399
|
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
|
|
3019
|
-
--tw-bg-opacity: 1;
|
|
3020
2400
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
3021
|
-
}
|
|
3022
|
-
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
|
|
3023
2401
|
--tw-bg-opacity: 0.1;
|
|
3024
2402
|
}
|
|
3025
2403
|
.menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
|
|
3026
2404
|
--tw-bg-opacity: 1;
|
|
3027
2405
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
3028
|
-
}
|
|
3029
|
-
.menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active), .menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
|
|
3030
2406
|
--tw-text-opacity: 1;
|
|
3031
2407
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
3032
2408
|
}
|
|
3033
2409
|
.menu :where(li:empty) {
|
|
3034
2410
|
margin-left: 1rem;
|
|
3035
2411
|
margin-right: 1rem;
|
|
3036
|
-
}
|
|
3037
|
-
.menu :where(li:empty) {
|
|
3038
2412
|
margin-top: 0.5rem;
|
|
3039
2413
|
margin-bottom: 0.5rem;
|
|
3040
|
-
}
|
|
3041
|
-
.menu :where(li:empty) {
|
|
3042
2414
|
height: 1px;
|
|
3043
|
-
}
|
|
3044
|
-
.menu :where(li:empty) {
|
|
3045
|
-
--tw-bg-opacity: 1;
|
|
3046
2415
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
3047
|
-
}
|
|
3048
|
-
.menu :where(li:empty) {
|
|
3049
2416
|
--tw-bg-opacity: 0.1;
|
|
3050
2417
|
}
|
|
3051
2418
|
.menu li.disabled > * {
|
|
3052
2419
|
user-select: none;
|
|
3053
|
-
}
|
|
3054
|
-
.menu li.disabled > * {
|
|
3055
|
-
--tw-text-opacity: 1;
|
|
3056
2420
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
3057
|
-
}
|
|
3058
|
-
.menu li.disabled > * {
|
|
3059
2421
|
--tw-text-opacity: 0.2;
|
|
3060
2422
|
}
|
|
3061
2423
|
.menu li.disabled > *:hover {
|
|
@@ -3063,8 +2425,6 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3063
2425
|
}
|
|
3064
2426
|
.menu li.hover-bordered a {
|
|
3065
2427
|
border-left-width: 4px;
|
|
3066
|
-
}
|
|
3067
|
-
.menu li.hover-bordered a {
|
|
3068
2428
|
border-color: transparent;
|
|
3069
2429
|
}
|
|
3070
2430
|
.menu li.hover-bordered a:hover {
|
|
@@ -3074,27 +2434,16 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3074
2434
|
.menu.compact li > a, .menu.compact li > span {
|
|
3075
2435
|
padding-top: 0.5rem;
|
|
3076
2436
|
padding-bottom: 0.5rem;
|
|
3077
|
-
}
|
|
3078
|
-
.menu.compact li > a, .menu.compact li > span {
|
|
3079
2437
|
font-size: 0.875rem;
|
|
3080
2438
|
line-height: 1.25rem;
|
|
3081
2439
|
}
|
|
3082
2440
|
.menu .menu-title > * {
|
|
3083
2441
|
padding-top: 0.25rem;
|
|
3084
2442
|
padding-bottom: 0.25rem;
|
|
3085
|
-
}
|
|
3086
|
-
.menu .menu-title > * {
|
|
3087
2443
|
font-size: 0.75rem;
|
|
3088
2444
|
line-height: 1rem;
|
|
3089
|
-
}
|
|
3090
|
-
.menu .menu-title > * {
|
|
3091
2445
|
font-weight: 700;
|
|
3092
|
-
}
|
|
3093
|
-
.menu .menu-title > * {
|
|
3094
|
-
--tw-text-opacity: 1;
|
|
3095
2446
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
3096
|
-
}
|
|
3097
|
-
.menu .menu-title > * {
|
|
3098
2447
|
--tw-text-opacity: 0.4;
|
|
3099
2448
|
}
|
|
3100
2449
|
|
|
@@ -3184,90 +2533,48 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3184
2533
|
}
|
|
3185
2534
|
.mockup-code {
|
|
3186
2535
|
min-width: 20rem;
|
|
3187
|
-
}
|
|
3188
|
-
.mockup-code {
|
|
3189
2536
|
--tw-bg-opacity: 1;
|
|
3190
2537
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
3191
|
-
}
|
|
3192
|
-
.mockup-code {
|
|
3193
2538
|
padding-top: 1.25rem;
|
|
3194
2539
|
padding-bottom: 1.25rem;
|
|
3195
|
-
}
|
|
3196
|
-
.mockup-code {
|
|
3197
2540
|
--tw-text-opacity: 1;
|
|
3198
2541
|
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
3199
|
-
}
|
|
3200
|
-
.mockup-code {
|
|
3201
2542
|
border-radius: var(--rounded-box, 1rem);
|
|
3202
2543
|
}
|
|
3203
|
-
|
|
2544
|
+
.mockup-code:before {
|
|
3204
2545
|
content: "";
|
|
3205
|
-
}
|
|
3206
|
-
.mockup-code:before {
|
|
3207
2546
|
margin-bottom: 1rem;
|
|
3208
|
-
}
|
|
3209
|
-
.mockup-code:before {
|
|
3210
2547
|
display: block;
|
|
3211
|
-
}
|
|
3212
|
-
.mockup-code:before {
|
|
3213
2548
|
height: 0.75rem;
|
|
3214
|
-
}
|
|
3215
|
-
.mockup-code:before {
|
|
3216
2549
|
width: 0.75rem;
|
|
3217
|
-
}
|
|
3218
|
-
.mockup-code:before {
|
|
3219
2550
|
border-radius: 9999px;
|
|
3220
|
-
}
|
|
3221
|
-
.mockup-code:before {
|
|
3222
2551
|
opacity: 0.3;
|
|
3223
|
-
}
|
|
3224
|
-
.mockup-code:before {
|
|
3225
2552
|
box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
|
|
3226
2553
|
}
|
|
3227
|
-
|
|
2554
|
+
.mockup-code pre {
|
|
3228
2555
|
padding-right: 1.25rem;
|
|
3229
2556
|
}
|
|
3230
|
-
|
|
2557
|
+
.mockup-code pre:before {
|
|
3231
2558
|
content: "";
|
|
3232
2559
|
margin-right: 2ch;
|
|
3233
2560
|
}
|
|
3234
|
-
|
|
2561
|
+
.mockup-code pre[data-prefix]:before {
|
|
3235
2562
|
content: attr(data-prefix);
|
|
2563
|
+
width: 2rem;
|
|
2564
|
+
opacity: 0.5;
|
|
3236
2565
|
}
|
|
3237
|
-
.mockup-code pre[data-prefix]:before {
|
|
3238
|
-
width: 2rem;
|
|
3239
|
-
}
|
|
3240
|
-
.mockup-code pre[data-prefix]:before {
|
|
3241
|
-
opacity: 0.5;
|
|
3242
|
-
}
|
|
3243
2566
|
.mockup-window {
|
|
3244
2567
|
padding-top: 1.25rem;
|
|
3245
|
-
}
|
|
3246
|
-
.mockup-window {
|
|
3247
2568
|
border-radius: var(--rounded-box, 1rem);
|
|
3248
2569
|
}
|
|
3249
2570
|
.mockup-window:before {
|
|
3250
2571
|
content: "";
|
|
3251
|
-
}
|
|
3252
|
-
.mockup-window:before {
|
|
3253
2572
|
margin-bottom: 1rem;
|
|
3254
|
-
}
|
|
3255
|
-
.mockup-window:before {
|
|
3256
2573
|
display: block;
|
|
3257
|
-
}
|
|
3258
|
-
.mockup-window:before {
|
|
3259
2574
|
height: 0.75rem;
|
|
3260
|
-
}
|
|
3261
|
-
.mockup-window:before {
|
|
3262
2575
|
width: 0.75rem;
|
|
3263
|
-
}
|
|
3264
|
-
.mockup-window:before {
|
|
3265
2576
|
border-radius: 9999px;
|
|
3266
|
-
}
|
|
3267
|
-
.mockup-window:before {
|
|
3268
2577
|
opacity: 0.3;
|
|
3269
|
-
}
|
|
3270
|
-
.mockup-window:before {
|
|
3271
2578
|
box-shadow: 1.4em 0, 2.8em 0, 4.2em 0;
|
|
3272
2579
|
}
|
|
3273
2580
|
.mockup-phone {
|
|
@@ -3384,84 +2691,77 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3384
2691
|
}
|
|
3385
2692
|
.progress {
|
|
3386
2693
|
height: 0.5rem;
|
|
3387
|
-
border-radius: var(--rounded-box, 1rem)
|
|
2694
|
+
border-radius: var(--rounded-box, 1rem)
|
|
3388
2695
|
}
|
|
3389
2696
|
.progress::-moz-progress-bar {
|
|
3390
2697
|
--tw-bg-opacity: 1;
|
|
3391
|
-
background-color: hsl(var(--n) / var(--tw-bg-opacity))
|
|
2698
|
+
background-color: hsl(var(--n) / var(--tw-bg-opacity))
|
|
3392
2699
|
}
|
|
3393
2700
|
.progress-primary::-moz-progress-bar {
|
|
3394
2701
|
--tw-bg-opacity: 1;
|
|
3395
|
-
background-color: hsl(var(--p) / var(--tw-bg-opacity))
|
|
2702
|
+
background-color: hsl(var(--p) / var(--tw-bg-opacity))
|
|
3396
2703
|
}
|
|
3397
2704
|
.progress-secondary::-moz-progress-bar {
|
|
3398
2705
|
--tw-bg-opacity: 1;
|
|
3399
|
-
background-color: hsl(var(--s) / var(--tw-bg-opacity))
|
|
2706
|
+
background-color: hsl(var(--s) / var(--tw-bg-opacity))
|
|
3400
2707
|
}
|
|
3401
2708
|
.progress-accent::-moz-progress-bar {
|
|
3402
2709
|
--tw-bg-opacity: 1;
|
|
3403
|
-
background-color: hsl(var(--a) / var(--tw-bg-opacity))
|
|
2710
|
+
background-color: hsl(var(--a) / var(--tw-bg-opacity))
|
|
3404
2711
|
}
|
|
3405
2712
|
.progress-info::-moz-progress-bar {
|
|
3406
2713
|
--tw-bg-opacity: 1;
|
|
3407
|
-
background-color: hsl(var(--in) / var(--tw-bg-opacity))
|
|
2714
|
+
background-color: hsl(var(--in) / var(--tw-bg-opacity))
|
|
3408
2715
|
}
|
|
3409
2716
|
.progress-success::-moz-progress-bar {
|
|
3410
2717
|
--tw-bg-opacity: 1;
|
|
3411
|
-
background-color: hsl(var(--su) / var(--tw-bg-opacity))
|
|
2718
|
+
background-color: hsl(var(--su) / var(--tw-bg-opacity))
|
|
3412
2719
|
}
|
|
3413
2720
|
.progress-warning::-moz-progress-bar {
|
|
3414
2721
|
--tw-bg-opacity: 1;
|
|
3415
|
-
background-color: hsl(var(--wa) / var(--tw-bg-opacity))
|
|
2722
|
+
background-color: hsl(var(--wa) / var(--tw-bg-opacity))
|
|
3416
2723
|
}
|
|
3417
2724
|
.progress-error::-moz-progress-bar {
|
|
3418
2725
|
--tw-bg-opacity: 1;
|
|
3419
|
-
background-color: hsl(var(--er) / var(--tw-bg-opacity))
|
|
2726
|
+
background-color: hsl(var(--er) / var(--tw-bg-opacity))
|
|
3420
2727
|
}
|
|
3421
2728
|
.progress::-webkit-progress-bar {
|
|
3422
|
-
--tw-bg-opacity: 1;
|
|
3423
2729
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
3424
|
-
}
|
|
3425
|
-
.progress::-webkit-progress-bar {
|
|
3426
2730
|
--tw-bg-opacity: 0.2;
|
|
3427
|
-
|
|
3428
|
-
.progress::-webkit-progress-bar {
|
|
3429
|
-
border-radius: var(--rounded-box, 1rem);
|
|
2731
|
+
border-radius: var(--rounded-box, 1rem)
|
|
3430
2732
|
}
|
|
3431
2733
|
.progress::-webkit-progress-value {
|
|
3432
2734
|
--tw-bg-opacity: 1;
|
|
3433
2735
|
background-color: hsl(var(--nf, var(--n)) / var(--tw-bg-opacity));
|
|
3434
|
-
|
|
3435
|
-
.progress::-webkit-progress-value {
|
|
3436
|
-
border-radius: var(--rounded-box, 1rem);
|
|
2736
|
+
border-radius: var(--rounded-box, 1rem)
|
|
3437
2737
|
}
|
|
3438
2738
|
.progress-primary::-webkit-progress-value {
|
|
3439
2739
|
--tw-bg-opacity: 1;
|
|
3440
|
-
background-color: hsl(var(--p) / var(--tw-bg-opacity))
|
|
2740
|
+
background-color: hsl(var(--p) / var(--tw-bg-opacity))
|
|
3441
2741
|
}
|
|
3442
2742
|
.progress-secondary::-webkit-progress-value {
|
|
3443
2743
|
--tw-bg-opacity: 1;
|
|
3444
|
-
background-color: hsl(var(--s) / var(--tw-bg-opacity))
|
|
2744
|
+
background-color: hsl(var(--s) / var(--tw-bg-opacity))
|
|
3445
2745
|
}
|
|
3446
2746
|
.progress-accent::-webkit-progress-value {
|
|
3447
2747
|
--tw-bg-opacity: 1;
|
|
3448
|
-
background-color: hsl(var(--a) / var(--tw-bg-opacity))
|
|
2748
|
+
background-color: hsl(var(--a) / var(--tw-bg-opacity))
|
|
3449
2749
|
}
|
|
3450
2750
|
.progress-info::-webkit-progress-value {
|
|
3451
2751
|
--tw-bg-opacity: 1;
|
|
3452
|
-
background-color: hsl(var(--in) / var(--tw-bg-opacity))
|
|
2752
|
+
background-color: hsl(var(--in) / var(--tw-bg-opacity))
|
|
3453
2753
|
}
|
|
3454
2754
|
.progress-success::-webkit-progress-value {
|
|
3455
2755
|
--tw-bg-opacity: 1;
|
|
3456
|
-
background-color: hsl(var(--su) / var(--tw-bg-opacity))
|
|
2756
|
+
background-color: hsl(var(--su) / var(--tw-bg-opacity))
|
|
3457
2757
|
}
|
|
3458
2758
|
.progress-warning::-webkit-progress-value {
|
|
3459
2759
|
--tw-bg-opacity: 1;
|
|
3460
|
-
background-color: hsl(var(--wa) / var(--tw-bg-opacity))
|
|
2760
|
+
background-color: hsl(var(--wa) / var(--tw-bg-opacity))
|
|
3461
2761
|
}
|
|
3462
2762
|
.progress-error::-webkit-progress-value {
|
|
3463
2763
|
--tw-bg-opacity: 1;
|
|
3464
|
-
background-color: hsl(var(--er) / var(--tw-bg-opacity))
|
|
2764
|
+
background-color: hsl(var(--er) / var(--tw-bg-opacity))
|
|
3465
2765
|
}
|
|
3466
2766
|
.radial-progress {
|
|
3467
2767
|
--value: 0;
|
|
@@ -3490,18 +2790,14 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3490
2790
|
.radio:checked {
|
|
3491
2791
|
--tw-bg-opacity: 1;
|
|
3492
2792
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
3493
|
-
}
|
|
3494
|
-
.radio:checked {
|
|
3495
2793
|
animation: radiomark var(--animation-input, 0.2s) ease-in-out;
|
|
3496
2794
|
box-shadow: 0 0 0 4px hsl(var(--b1)) inset, 0 0 0 4px hsl(var(--b1)) inset;
|
|
3497
|
-
|
|
2795
|
+
}
|
|
3498
2796
|
.radio-primary {
|
|
3499
|
-
--chkbg: var(--p)
|
|
2797
|
+
--chkbg: var(--p);
|
|
2798
|
+
--tw-border-opacity: 1;
|
|
2799
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
3500
2800
|
}
|
|
3501
|
-
.radio-primary {
|
|
3502
|
-
--tw-border-opacity: 1;
|
|
3503
|
-
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
3504
|
-
}
|
|
3505
2801
|
.radio-primary:hover {
|
|
3506
2802
|
--tw-border-opacity: 1;
|
|
3507
2803
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
@@ -3512,22 +2808,16 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3512
2808
|
.radio-primary:checked {
|
|
3513
2809
|
--tw-border-opacity: 1;
|
|
3514
2810
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
3515
|
-
}
|
|
3516
|
-
.radio-primary:checked {
|
|
3517
2811
|
--tw-bg-opacity: 1;
|
|
3518
2812
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
3519
|
-
}
|
|
3520
|
-
.radio-primary:checked {
|
|
3521
2813
|
--tw-text-opacity: 1;
|
|
3522
2814
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
3523
2815
|
}
|
|
3524
2816
|
.radio-secondary {
|
|
3525
|
-
--chkbg: var(--s)
|
|
2817
|
+
--chkbg: var(--s);
|
|
2818
|
+
--tw-border-opacity: 1;
|
|
2819
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
3526
2820
|
}
|
|
3527
|
-
.radio-secondary {
|
|
3528
|
-
--tw-border-opacity: 1;
|
|
3529
|
-
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
3530
|
-
}
|
|
3531
2821
|
.radio-secondary:hover {
|
|
3532
2822
|
--tw-border-opacity: 1;
|
|
3533
2823
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
@@ -3538,22 +2828,16 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3538
2828
|
.radio-secondary:checked {
|
|
3539
2829
|
--tw-border-opacity: 1;
|
|
3540
2830
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
3541
|
-
}
|
|
3542
|
-
.radio-secondary:checked {
|
|
3543
2831
|
--tw-bg-opacity: 1;
|
|
3544
2832
|
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
3545
|
-
}
|
|
3546
|
-
.radio-secondary:checked {
|
|
3547
2833
|
--tw-text-opacity: 1;
|
|
3548
2834
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
3549
2835
|
}
|
|
3550
2836
|
.radio-accent {
|
|
3551
|
-
--chkbg: var(--a)
|
|
2837
|
+
--chkbg: var(--a);
|
|
2838
|
+
--tw-border-opacity: 1;
|
|
2839
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
3552
2840
|
}
|
|
3553
|
-
.radio-accent {
|
|
3554
|
-
--tw-border-opacity: 1;
|
|
3555
|
-
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
3556
|
-
}
|
|
3557
2841
|
.radio-accent:hover {
|
|
3558
2842
|
--tw-border-opacity: 1;
|
|
3559
2843
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
@@ -3564,19 +2848,13 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3564
2848
|
.radio-accent:checked {
|
|
3565
2849
|
--tw-border-opacity: 1;
|
|
3566
2850
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
3567
|
-
}
|
|
3568
|
-
.radio-accent:checked {
|
|
3569
2851
|
--tw-bg-opacity: 1;
|
|
3570
2852
|
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
3571
|
-
}
|
|
3572
|
-
.radio-accent:checked {
|
|
3573
2853
|
--tw-text-opacity: 1;
|
|
3574
2854
|
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
3575
2855
|
}
|
|
3576
2856
|
.radio:disabled {
|
|
3577
2857
|
cursor: not-allowed;
|
|
3578
|
-
}
|
|
3579
|
-
.radio:disabled {
|
|
3580
2858
|
opacity: 0.2;
|
|
3581
2859
|
}
|
|
3582
2860
|
|
|
@@ -3612,98 +2890,46 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3612
2890
|
}
|
|
3613
2891
|
.range::-webkit-slider-runnable-track {
|
|
3614
2892
|
height: 0.5rem;
|
|
3615
|
-
}
|
|
3616
|
-
.range::-webkit-slider-runnable-track {
|
|
3617
2893
|
width: 100%;
|
|
3618
|
-
}
|
|
3619
|
-
.range::-webkit-slider-runnable-track {
|
|
3620
2894
|
border-radius: var(--rounded-box, 1rem);
|
|
3621
|
-
}
|
|
3622
|
-
.range::-webkit-slider-runnable-track {
|
|
3623
2895
|
background-color: hsla(var(--bc) / 0.1);
|
|
3624
|
-
}
|
|
3625
|
-
.range::-moz-range-track {
|
|
3626
|
-
height: 0.5rem;
|
|
3627
2896
|
}
|
|
3628
2897
|
.range::-moz-range-track {
|
|
2898
|
+
height: 0.5rem;
|
|
3629
2899
|
width: 100%;
|
|
3630
|
-
}
|
|
3631
|
-
.range::-moz-range-track {
|
|
3632
2900
|
border-radius: var(--rounded-box, 1rem);
|
|
3633
|
-
}
|
|
3634
|
-
.range::-moz-range-track {
|
|
3635
2901
|
background-color: hsla(var(--bc) / 0.1);
|
|
3636
|
-
}
|
|
3637
|
-
.range::-webkit-slider-thumb {
|
|
3638
|
-
background-color: hsl(var(--b1));
|
|
3639
|
-
}
|
|
3640
|
-
.range::-webkit-slider-thumb {
|
|
3641
|
-
position: relative;
|
|
3642
|
-
}
|
|
3643
|
-
.range::-webkit-slider-thumb {
|
|
3644
|
-
height: 1.5rem;
|
|
3645
|
-
}
|
|
3646
|
-
.range::-webkit-slider-thumb {
|
|
3647
|
-
width: 1.5rem;
|
|
3648
|
-
}
|
|
3649
|
-
.range::-webkit-slider-thumb {
|
|
3650
|
-
border-style: none;
|
|
3651
|
-
}
|
|
3652
|
-
.range::-webkit-slider-thumb {
|
|
3653
|
-
-webkit-transition-property: all;
|
|
3654
|
-
transition-property: all;
|
|
3655
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3656
|
-
transition-duration: 150ms;
|
|
3657
|
-
}
|
|
3658
|
-
.range::-webkit-slider-thumb {
|
|
3659
|
-
transition-duration: 300ms;
|
|
3660
|
-
}
|
|
3661
|
-
.range::-webkit-slider-thumb {
|
|
3662
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3663
2902
|
}
|
|
3664
2903
|
.range::-webkit-slider-thumb {
|
|
3665
|
-
border-radius: var(--rounded-box, 1rem);
|
|
3666
|
-
}
|
|
3667
|
-
.range::-webkit-slider-thumb {
|
|
3668
|
-
-webkit-appearance: none;
|
|
3669
|
-
top: 50%;
|
|
3670
|
-
color: hsl(var(--range-shdw));
|
|
3671
|
-
transform: translateY(-50%);
|
|
3672
|
-
--filler-size: 100rem;
|
|
3673
|
-
--filler-offset: 0.6rem;
|
|
3674
|
-
box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
|
|
3675
|
-
}
|
|
3676
|
-
.range::-moz-range-thumb {
|
|
3677
2904
|
background-color: hsl(var(--b1));
|
|
3678
|
-
|
|
3679
|
-
|
|
3680
|
-
|
|
3681
|
-
|
|
3682
|
-
|
|
3683
|
-
|
|
3684
|
-
|
|
3685
|
-
|
|
3686
|
-
|
|
3687
|
-
|
|
3688
|
-
|
|
3689
|
-
|
|
3690
|
-
|
|
3691
|
-
|
|
3692
|
-
|
|
3693
|
-
|
|
3694
|
-
|
|
3695
|
-
transition-duration: 150ms;
|
|
3696
|
-
}
|
|
3697
|
-
.range::-moz-range-thumb {
|
|
3698
|
-
transition-duration: 300ms;
|
|
3699
|
-
}
|
|
3700
|
-
.range::-moz-range-thumb {
|
|
3701
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3702
|
-
}
|
|
3703
|
-
.range::-moz-range-thumb {
|
|
3704
|
-
border-radius: var(--rounded-box, 1rem);
|
|
3705
|
-
}
|
|
2905
|
+
position: relative;
|
|
2906
|
+
height: 1.5rem;
|
|
2907
|
+
width: 1.5rem;
|
|
2908
|
+
border-style: none;
|
|
2909
|
+
-webkit-transition-property: all;
|
|
2910
|
+
transition-property: all;
|
|
2911
|
+
transition-duration: 300ms;
|
|
2912
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2913
|
+
border-radius: var(--rounded-box, 1rem);
|
|
2914
|
+
-webkit-appearance: none;
|
|
2915
|
+
top: 50%;
|
|
2916
|
+
color: hsl(var(--range-shdw));
|
|
2917
|
+
transform: translateY(-50%);
|
|
2918
|
+
--filler-size: 100rem;
|
|
2919
|
+
--filler-offset: 0.6rem;
|
|
2920
|
+
box-shadow: 0 0 0 3px hsl(var(--range-shdw)) inset, var(--focus-shadow, 0 0), calc(var(--filler-size) * -1 - var(--filler-offset)) 0 0 var(--filler-size);
|
|
2921
|
+
}
|
|
3706
2922
|
.range::-moz-range-thumb {
|
|
2923
|
+
background-color: hsl(var(--b1));
|
|
2924
|
+
position: relative;
|
|
2925
|
+
height: 1.5rem;
|
|
2926
|
+
width: 1.5rem;
|
|
2927
|
+
border-style: none;
|
|
2928
|
+
-moz-transition-property: all;
|
|
2929
|
+
transition-property: all;
|
|
2930
|
+
transition-duration: 300ms;
|
|
2931
|
+
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2932
|
+
border-radius: var(--rounded-box, 1rem);
|
|
3707
2933
|
top: 50%;
|
|
3708
2934
|
color: hsl(var(--range-shdw));
|
|
3709
2935
|
--filler-size: 100rem;
|
|
@@ -3721,30 +2947,17 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3721
2947
|
}
|
|
3722
2948
|
.rating input {
|
|
3723
2949
|
appearance: none;
|
|
3724
|
-
}
|
|
3725
|
-
.rating input {
|
|
3726
2950
|
-webkit-appearance: none;
|
|
3727
|
-
|
|
2951
|
+
}
|
|
3728
2952
|
.rating :where(input) {
|
|
3729
2953
|
animation: rating-pop var(--animation-input, 0.25s) ease-out;
|
|
3730
|
-
}
|
|
3731
|
-
.rating :where(input) {
|
|
3732
2954
|
height: 1.5rem;
|
|
3733
|
-
}
|
|
3734
|
-
.rating :where(input) {
|
|
3735
2955
|
width: 1.5rem;
|
|
3736
|
-
}
|
|
3737
|
-
.rating :where(input) {
|
|
3738
|
-
--tw-bg-opacity: 1;
|
|
3739
2956
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
3740
|
-
}
|
|
3741
|
-
.rating :where(input) {
|
|
3742
2957
|
--tw-bg-opacity: 1;
|
|
3743
|
-
}
|
|
2958
|
+
}
|
|
3744
2959
|
.rating .rating-hidden {
|
|
3745
2960
|
width: 0.5rem;
|
|
3746
|
-
}
|
|
3747
|
-
.rating .rating-hidden {
|
|
3748
2961
|
background-color: transparent;
|
|
3749
2962
|
}
|
|
3750
2963
|
.rating input:checked ~ input {
|
|
@@ -3752,22 +2965,12 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3752
2965
|
}
|
|
3753
2966
|
.rating input:focus-visible {
|
|
3754
2967
|
transition-property: transform;
|
|
3755
|
-
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3756
|
-
transition-duration: 150ms;
|
|
3757
|
-
}
|
|
3758
|
-
.rating input:focus-visible {
|
|
3759
2968
|
transition-duration: 300ms;
|
|
3760
|
-
}
|
|
3761
|
-
.rating input:focus-visible {
|
|
3762
2969
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3763
|
-
}
|
|
3764
|
-
.rating input:focus-visible {
|
|
3765
2970
|
transform: translateY(-0.125em);
|
|
3766
|
-
|
|
2971
|
+
}
|
|
3767
2972
|
.rating input:active:focus {
|
|
3768
2973
|
animation: none;
|
|
3769
|
-
}
|
|
3770
|
-
.rating input:active:focus {
|
|
3771
2974
|
transform: translateY(-0.125em);
|
|
3772
2975
|
}
|
|
3773
2976
|
.rating-half :where(input:not(.rating-hidden)) {
|
|
@@ -3815,8 +3018,6 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3815
3018
|
}
|
|
3816
3019
|
.select-ghost:focus {
|
|
3817
3020
|
--tw-bg-opacity: 1;
|
|
3818
|
-
}
|
|
3819
|
-
.select-ghost:focus {
|
|
3820
3021
|
--tw-text-opacity: 1;
|
|
3821
3022
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
3822
3023
|
}
|
|
@@ -3871,53 +3072,40 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3871
3072
|
}
|
|
3872
3073
|
.select-disabled, .select[disabled] {
|
|
3873
3074
|
cursor: not-allowed;
|
|
3874
|
-
}
|
|
3875
|
-
.select-disabled, .select[disabled] {
|
|
3876
3075
|
--tw-border-opacity: 1;
|
|
3877
3076
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
3878
|
-
}
|
|
3879
|
-
.select-disabled, .select[disabled] {
|
|
3880
3077
|
--tw-bg-opacity: 1;
|
|
3881
3078
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
3882
|
-
}
|
|
3883
|
-
.select-disabled, .select[disabled] {
|
|
3884
3079
|
--tw-text-opacity: 0.2;
|
|
3885
3080
|
}
|
|
3886
3081
|
.select-disabled::placeholder, .select[disabled]::placeholder {
|
|
3887
|
-
--tw-placeholder-opacity: 1;
|
|
3888
3082
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
3889
|
-
}
|
|
3890
|
-
.select-disabled::placeholder, .select[disabled]::placeholder {
|
|
3891
3083
|
--tw-placeholder-opacity: 0.2;
|
|
3892
3084
|
}
|
|
3893
3085
|
.select-multiple, .select[multiple], .select[size].select:not([size="1"]) {
|
|
3894
3086
|
background-image: none;
|
|
3895
|
-
}
|
|
3896
|
-
.select-multiple, .select[multiple], .select[size].select:not([size="1"]) {
|
|
3897
3087
|
padding-right: 1rem;
|
|
3898
3088
|
}
|
|
3899
3089
|
.stack {
|
|
3900
3090
|
place-items: center;
|
|
3901
|
-
align-items: flex-end
|
|
3091
|
+
align-items: flex-end
|
|
3902
3092
|
}
|
|
3903
3093
|
.stack > * {
|
|
3904
3094
|
width: 100%;
|
|
3905
|
-
|
|
3906
|
-
.stack > * {
|
|
3907
|
-
opacity: 0.6;
|
|
3095
|
+
opacity: 0.6
|
|
3908
3096
|
}
|
|
3909
3097
|
.stack > *:nth-child(2) {
|
|
3910
|
-
opacity: 0.8
|
|
3098
|
+
opacity: 0.8
|
|
3911
3099
|
}
|
|
3912
3100
|
.stack > *:nth-child(1) {
|
|
3913
|
-
opacity: 1
|
|
3101
|
+
opacity: 1
|
|
3914
3102
|
}
|
|
3915
3103
|
.stats {
|
|
3916
3104
|
--tw-bg-opacity: 1;
|
|
3917
3105
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
3918
3106
|
--tw-text-opacity: 1;
|
|
3919
3107
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
3920
|
-
border-radius: var(--rounded-box, 1rem)
|
|
3108
|
+
border-radius: var(--rounded-box, 1rem)
|
|
3921
3109
|
}
|
|
3922
3110
|
:where(.stats) > :not([hidden]) ~ :not([hidden]) {
|
|
3923
3111
|
--tw-divide-x-reverse: 0;
|
|
@@ -3925,10 +3113,10 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3925
3113
|
border-left-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)));
|
|
3926
3114
|
--tw-divide-y-reverse: 0;
|
|
3927
3115
|
border-top-width: calc(0px * calc(1 - var(--tw-divide-y-reverse)));
|
|
3928
|
-
border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
|
|
3116
|
+
border-bottom-width: calc(0px * var(--tw-divide-y-reverse))
|
|
3929
3117
|
}
|
|
3930
3118
|
:where(.stats) {
|
|
3931
|
-
overflow-x: auto
|
|
3119
|
+
overflow-x: auto
|
|
3932
3120
|
}
|
|
3933
3121
|
.stat {
|
|
3934
3122
|
column-gap: 1rem;
|
|
@@ -3937,27 +3125,23 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3937
3125
|
padding-left: 1.5rem;
|
|
3938
3126
|
padding-right: 1.5rem;
|
|
3939
3127
|
padding-top: 1rem;
|
|
3940
|
-
padding-bottom: 1rem
|
|
3128
|
+
padding-bottom: 1rem
|
|
3941
3129
|
}
|
|
3942
3130
|
.stat-title {
|
|
3943
|
-
opacity: 0.6
|
|
3131
|
+
opacity: 0.6
|
|
3944
3132
|
}
|
|
3945
3133
|
.stat-value {
|
|
3946
3134
|
font-size: 2.25rem;
|
|
3947
3135
|
line-height: 2.5rem;
|
|
3948
|
-
|
|
3949
|
-
.stat-value {
|
|
3950
|
-
font-weight: 800;
|
|
3136
|
+
font-weight: 800
|
|
3951
3137
|
}
|
|
3952
3138
|
.stat-desc {
|
|
3953
3139
|
font-size: 0.75rem;
|
|
3954
3140
|
line-height: 1rem;
|
|
3955
|
-
|
|
3956
|
-
.stat-desc {
|
|
3957
|
-
opacity: 0.6;
|
|
3141
|
+
opacity: 0.6
|
|
3958
3142
|
}
|
|
3959
3143
|
.stat-actions {
|
|
3960
|
-
margin-top: 1rem
|
|
3144
|
+
margin-top: 1rem
|
|
3961
3145
|
}
|
|
3962
3146
|
/* .stat + .stat {
|
|
3963
3147
|
@apply border-l border-base-content border-opacity-10;
|
|
@@ -3991,75 +3175,37 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3991
3175
|
}
|
|
3992
3176
|
.steps .step:before {
|
|
3993
3177
|
top: 0px;
|
|
3994
|
-
}
|
|
3995
|
-
.steps .step:before {
|
|
3996
3178
|
grid-column-start: 1;
|
|
3997
|
-
}
|
|
3998
|
-
.steps .step:before {
|
|
3999
3179
|
grid-row-start: 1;
|
|
4000
|
-
}
|
|
4001
|
-
.steps .step:before {
|
|
4002
3180
|
height: 0.5rem;
|
|
4003
|
-
}
|
|
4004
|
-
.steps .step:before {
|
|
4005
3181
|
width: 100%;
|
|
4006
|
-
}
|
|
4007
|
-
.steps .step:before {
|
|
4008
3182
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
|
4009
|
-
}
|
|
4010
|
-
.steps .step:before {
|
|
4011
3183
|
--tw-bg-opacity: 1;
|
|
4012
3184
|
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
|
|
4013
|
-
}
|
|
4014
|
-
.steps .step:before {
|
|
4015
3185
|
--tw-text-opacity: 1;
|
|
4016
3186
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
4017
|
-
}
|
|
4018
|
-
.steps .step:before {
|
|
4019
3187
|
content: "";
|
|
4020
3188
|
margin-left: -100%;
|
|
4021
|
-
|
|
3189
|
+
}
|
|
4022
3190
|
/* } */
|
|
4023
3191
|
.steps .step:after {
|
|
4024
3192
|
content: counter(step);
|
|
4025
3193
|
counter-increment: step;
|
|
4026
3194
|
z-index: 1;
|
|
3195
|
+
position: relative;
|
|
3196
|
+
grid-column-start: 1;
|
|
3197
|
+
grid-row-start: 1;
|
|
3198
|
+
display: grid;
|
|
3199
|
+
height: 2rem;
|
|
3200
|
+
width: 2rem;
|
|
3201
|
+
place-items: center;
|
|
3202
|
+
place-self: center;
|
|
3203
|
+
border-radius: 9999px;
|
|
3204
|
+
--tw-bg-opacity: 1;
|
|
3205
|
+
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
|
|
3206
|
+
--tw-text-opacity: 1;
|
|
3207
|
+
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
4027
3208
|
}
|
|
4028
|
-
.steps .step:after {
|
|
4029
|
-
position: relative;
|
|
4030
|
-
}
|
|
4031
|
-
.steps .step:after {
|
|
4032
|
-
grid-column-start: 1;
|
|
4033
|
-
}
|
|
4034
|
-
.steps .step:after {
|
|
4035
|
-
grid-row-start: 1;
|
|
4036
|
-
}
|
|
4037
|
-
.steps .step:after {
|
|
4038
|
-
display: grid;
|
|
4039
|
-
}
|
|
4040
|
-
.steps .step:after {
|
|
4041
|
-
height: 2rem;
|
|
4042
|
-
}
|
|
4043
|
-
.steps .step:after {
|
|
4044
|
-
width: 2rem;
|
|
4045
|
-
}
|
|
4046
|
-
.steps .step:after {
|
|
4047
|
-
place-items: center;
|
|
4048
|
-
}
|
|
4049
|
-
.steps .step:after {
|
|
4050
|
-
place-self: center;
|
|
4051
|
-
}
|
|
4052
|
-
.steps .step:after {
|
|
4053
|
-
border-radius: 9999px;
|
|
4054
|
-
}
|
|
4055
|
-
.steps .step:after {
|
|
4056
|
-
--tw-bg-opacity: 1;
|
|
4057
|
-
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity));
|
|
4058
|
-
}
|
|
4059
|
-
.steps .step:after {
|
|
4060
|
-
--tw-text-opacity: 1;
|
|
4061
|
-
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
4062
|
-
}
|
|
4063
3209
|
.steps .step:first-child:before {
|
|
4064
3210
|
content: none;
|
|
4065
3211
|
}
|
|
@@ -4069,32 +3215,24 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4069
3215
|
.steps .step-neutral + .step-neutral:before, .steps .step-neutral:after {
|
|
4070
3216
|
--tw-bg-opacity: 1;
|
|
4071
3217
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
4072
|
-
}
|
|
4073
|
-
.steps .step-neutral + .step-neutral:before, .steps .step-neutral:after {
|
|
4074
3218
|
--tw-text-opacity: 1;
|
|
4075
3219
|
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
4076
3220
|
}
|
|
4077
3221
|
.steps .step-primary + .step-primary:before, .steps .step-primary:after {
|
|
4078
3222
|
--tw-bg-opacity: 1;
|
|
4079
3223
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
4080
|
-
}
|
|
4081
|
-
.steps .step-primary + .step-primary:before, .steps .step-primary:after {
|
|
4082
3224
|
--tw-text-opacity: 1;
|
|
4083
3225
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4084
3226
|
}
|
|
4085
3227
|
.steps .step-secondary + .step-secondary:before, .steps .step-secondary:after {
|
|
4086
3228
|
--tw-bg-opacity: 1;
|
|
4087
3229
|
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
4088
|
-
}
|
|
4089
|
-
.steps .step-secondary + .step-secondary:before, .steps .step-secondary:after {
|
|
4090
3230
|
--tw-text-opacity: 1;
|
|
4091
3231
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
4092
3232
|
}
|
|
4093
3233
|
.steps .step-accent + .step-accent:before, .steps .step-accent:after {
|
|
4094
3234
|
--tw-bg-opacity: 1;
|
|
4095
3235
|
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
4096
|
-
}
|
|
4097
|
-
.steps .step-accent + .step-accent:before, .steps .step-accent:after {
|
|
4098
3236
|
--tw-text-opacity: 1;
|
|
4099
3237
|
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
4100
3238
|
}
|
|
@@ -4105,8 +3243,6 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4105
3243
|
.steps .step-info:after {
|
|
4106
3244
|
--tw-bg-opacity: 1;
|
|
4107
3245
|
background-color: hsl(var(--in) / var(--tw-bg-opacity));
|
|
4108
|
-
}
|
|
4109
|
-
.steps .step-info:after {
|
|
4110
3246
|
--tw-text-opacity: 1;
|
|
4111
3247
|
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
4112
3248
|
}
|
|
@@ -4117,8 +3253,6 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4117
3253
|
.steps .step-success:after {
|
|
4118
3254
|
--tw-bg-opacity: 1;
|
|
4119
3255
|
background-color: hsl(var(--su) / var(--tw-bg-opacity));
|
|
4120
|
-
}
|
|
4121
|
-
.steps .step-success:after {
|
|
4122
3256
|
--tw-text-opacity: 1;
|
|
4123
3257
|
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
4124
3258
|
}
|
|
@@ -4129,8 +3263,6 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4129
3263
|
.steps .step-warning:after {
|
|
4130
3264
|
--tw-bg-opacity: 1;
|
|
4131
3265
|
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
|
|
4132
|
-
}
|
|
4133
|
-
.steps .step-warning:after {
|
|
4134
3266
|
--tw-text-opacity: 1;
|
|
4135
3267
|
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
4136
3268
|
}
|
|
@@ -4141,8 +3273,6 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4141
3273
|
.steps .step-error:after {
|
|
4142
3274
|
--tw-bg-opacity: 1;
|
|
4143
3275
|
background-color: hsl(var(--er) / var(--tw-bg-opacity));
|
|
4144
|
-
}
|
|
4145
|
-
.steps .step-error:after {
|
|
4146
3276
|
--tw-text-opacity: 1;
|
|
4147
3277
|
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
4148
3278
|
}
|
|
@@ -4208,17 +3338,17 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4208
3338
|
color: var(--tab-color);
|
|
4209
3339
|
padding-left: var(--tab-padding, 1rem);
|
|
4210
3340
|
padding-right: var(--tab-padding, 1rem);
|
|
4211
|
-
}
|
|
4212
|
-
|
|
3341
|
+
}
|
|
3342
|
+
.tab.tab-active {
|
|
4213
3343
|
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
4214
|
-
}.tab.tab-active {
|
|
4215
3344
|
--tw-border-opacity: 1;
|
|
4216
|
-
}.tab.tab-active {
|
|
4217
3345
|
--tw-text-opacity: 1;
|
|
4218
|
-
}
|
|
3346
|
+
}
|
|
3347
|
+
.tab:focus {
|
|
4219
3348
|
outline: 2px solid transparent;
|
|
4220
3349
|
outline-offset: 2px;
|
|
4221
|
-
}
|
|
3350
|
+
}
|
|
3351
|
+
.tab:focus-visible {
|
|
4222
3352
|
outline: 2px solid currentColor;
|
|
4223
3353
|
outline-offset: -3px;
|
|
4224
3354
|
border-bottom-right-radius: var(--tab-radius, 0.5rem);
|
|
@@ -4299,12 +3429,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4299
3429
|
.tabs-boxed .tab-active {
|
|
4300
3430
|
--tw-bg-opacity: 1;
|
|
4301
3431
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
4302
|
-
}
|
|
4303
|
-
.tabs-boxed .tab-active {
|
|
4304
3432
|
--tw-text-opacity: 1;
|
|
4305
3433
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4306
|
-
}
|
|
4307
|
-
.tabs-boxed .tab-active {
|
|
4308
3434
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
4309
3435
|
}
|
|
4310
3436
|
.tabs-boxed .tab-active:hover {
|
|
@@ -4312,72 +3438,60 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4312
3438
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4313
3439
|
}
|
|
4314
3440
|
.table {
|
|
4315
|
-
text-align: left
|
|
3441
|
+
text-align: left
|
|
4316
3442
|
}
|
|
4317
3443
|
.table :where(th, td) {
|
|
4318
3444
|
white-space: nowrap;
|
|
4319
|
-
}
|
|
4320
|
-
.table :where(th, td) {
|
|
4321
3445
|
padding: 1rem;
|
|
4322
|
-
|
|
4323
|
-
.table :where(th, td) {
|
|
4324
|
-
vertical-align: middle;
|
|
3446
|
+
vertical-align: middle
|
|
4325
3447
|
}
|
|
4326
3448
|
.table tr.active th, .table tr.active td, .table tr.active:nth-child(even) th, .table tr.active:nth-child(even) td {
|
|
4327
3449
|
--tw-bg-opacity: 1;
|
|
4328
|
-
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
3450
|
+
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
4329
3451
|
}
|
|
4330
3452
|
.table tr.hover:hover th, .table tr.hover:hover td, .table tr.hover:nth-child(even):hover th, .table tr.hover:nth-child(even):hover td {
|
|
4331
3453
|
--tw-bg-opacity: 1;
|
|
4332
|
-
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
3454
|
+
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
4333
3455
|
}
|
|
4334
3456
|
.table:where(:not(.table-zebra)) :where(thead, tbody, tfoot) :where(tr:not(:last-child) :where(th, td)) {
|
|
4335
3457
|
border-bottom-width: 1px;
|
|
4336
|
-
}
|
|
4337
|
-
.table:where(:not(.table-zebra)) :where(thead, tbody, tfoot) :where(tr:not(:last-child) :where(th, td)) {
|
|
4338
3458
|
--tw-border-opacity: 1;
|
|
4339
|
-
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))
|
|
3459
|
+
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity))
|
|
4340
3460
|
}
|
|
4341
3461
|
.table :where(thead, tfoot) :where(th, td) {
|
|
4342
3462
|
--tw-bg-opacity: 1;
|
|
4343
3463
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
4344
|
-
}
|
|
4345
|
-
.table :where(thead, tfoot) :where(th, td) {
|
|
4346
3464
|
font-size: 0.75rem;
|
|
4347
3465
|
line-height: 1rem;
|
|
4348
|
-
}
|
|
4349
|
-
.table :where(thead, tfoot) :where(th, td) {
|
|
4350
3466
|
font-weight: 700;
|
|
4351
|
-
|
|
4352
|
-
.table :where(thead, tfoot) :where(th, td) {
|
|
4353
|
-
text-transform: uppercase;
|
|
3467
|
+
text-transform: uppercase
|
|
4354
3468
|
}
|
|
4355
3469
|
.table :where(thead, tfoot) :where(th, td):first-child {
|
|
4356
3470
|
border-top-left-radius: 0.5rem;
|
|
4357
|
-
border-bottom-left-radius: 0.5rem
|
|
3471
|
+
border-bottom-left-radius: 0.5rem
|
|
4358
3472
|
}
|
|
4359
3473
|
.table :where(thead, tfoot) :where(th, td):last-child {
|
|
4360
3474
|
border-top-right-radius: 0.5rem;
|
|
4361
|
-
border-bottom-right-radius: 0.5rem
|
|
3475
|
+
border-bottom-right-radius: 0.5rem
|
|
4362
3476
|
}
|
|
4363
3477
|
/* th:first-child{
|
|
4364
3478
|
box-shadow: -1px 0 hsl(var(--b2, 210 20% 98%)) inset;
|
|
4365
3479
|
} */
|
|
4366
3480
|
.table :where(tbody th, tbody td) {
|
|
4367
3481
|
--tw-bg-opacity: 1;
|
|
4368
|
-
background-color: hsl(var(--b1) / var(--tw-bg-opacity))
|
|
3482
|
+
background-color: hsl(var(--b1) / var(--tw-bg-opacity))
|
|
4369
3483
|
}
|
|
4370
3484
|
.table-zebra tbody tr th:first-child, .table-zebra tbody tr td:first-child {
|
|
4371
3485
|
border-top-left-radius: 0.5rem;
|
|
4372
|
-
border-bottom-left-radius: 0.5rem
|
|
3486
|
+
border-bottom-left-radius: 0.5rem
|
|
4373
3487
|
}
|
|
4374
3488
|
.table-zebra tbody tr th:last-child, .table-zebra tbody tr td:last-child {
|
|
4375
3489
|
border-top-right-radius: 0.5rem;
|
|
4376
|
-
border-bottom-right-radius: 0.5rem
|
|
3490
|
+
border-bottom-right-radius: 0.5rem
|
|
4377
3491
|
}
|
|
4378
3492
|
.table-zebra tbody tr:nth-child(even) th, .table-zebra tbody tr:nth-child(even) td {
|
|
4379
3493
|
--tw-bg-opacity: 1;
|
|
4380
|
-
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
|
|
3494
|
+
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
|
|
4381
3495
|
}
|
|
4382
3496
|
.textarea {
|
|
4383
3497
|
border-width: 1px;
|
|
@@ -4399,14 +3513,10 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4399
3513
|
}
|
|
4400
3514
|
.textarea-ghost:focus {
|
|
4401
3515
|
--tw-bg-opacity: 1;
|
|
4402
|
-
}
|
|
4403
|
-
.textarea-ghost:focus {
|
|
4404
3516
|
--tw-text-opacity: 1;
|
|
4405
3517
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
4406
|
-
}
|
|
4407
|
-
.textarea-ghost:focus {
|
|
4408
3518
|
box-shadow: none;
|
|
4409
|
-
|
|
3519
|
+
}
|
|
4410
3520
|
.textarea-primary {
|
|
4411
3521
|
--tw-border-opacity: 1;
|
|
4412
3522
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
@@ -4458,23 +3568,14 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4458
3568
|
}
|
|
4459
3569
|
.textarea-disabled, .textarea[disabled] {
|
|
4460
3570
|
cursor: not-allowed;
|
|
4461
|
-
}
|
|
4462
|
-
.textarea-disabled, .textarea[disabled] {
|
|
4463
3571
|
--tw-border-opacity: 1;
|
|
4464
3572
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
4465
|
-
}
|
|
4466
|
-
.textarea-disabled, .textarea[disabled] {
|
|
4467
3573
|
--tw-bg-opacity: 1;
|
|
4468
3574
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
4469
|
-
}
|
|
4470
|
-
.textarea-disabled, .textarea[disabled] {
|
|
4471
3575
|
--tw-text-opacity: 0.2;
|
|
4472
3576
|
}
|
|
4473
3577
|
.textarea-disabled::placeholder, .textarea[disabled]::placeholder {
|
|
4474
|
-
--tw-placeholder-opacity: 1;
|
|
4475
3578
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
4476
|
-
}
|
|
4477
|
-
.textarea-disabled::placeholder, .textarea[disabled]::placeholder {
|
|
4478
3579
|
--tw-placeholder-opacity: 0.2;
|
|
4479
3580
|
}
|
|
4480
3581
|
.toggle {
|
|
@@ -4501,31 +3602,18 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4501
3602
|
}
|
|
4502
3603
|
.toggle:checked,
|
|
4503
3604
|
.toggle[checked="true"] {
|
|
4504
|
-
--chkbg: hsl(var(--bc))
|
|
4505
|
-
|
|
4506
|
-
|
|
4507
|
-
--tw-border-opacity: 1;
|
|
4508
|
-
}
|
|
4509
|
-
.toggle:checked, .toggle[checked="true"] {
|
|
4510
|
-
--tw-bg-opacity: 1;
|
|
4511
|
-
}
|
|
4512
|
-
.toggle:checked,
|
|
4513
|
-
.toggle[checked="true"] {
|
|
3605
|
+
--chkbg: hsl(var(--bc));
|
|
3606
|
+
--tw-border-opacity: 1;
|
|
3607
|
+
--tw-bg-opacity: 1;
|
|
4514
3608
|
box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
|
|
4515
3609
|
}
|
|
4516
3610
|
[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"] {
|
|
4517
3611
|
box-shadow: calc(var(--handleoffset) * 1) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
|
|
4518
3612
|
}
|
|
4519
3613
|
.toggle:indeterminate {
|
|
4520
|
-
--chkbg: hsl(var(--bc))
|
|
4521
|
-
|
|
4522
|
-
|
|
4523
|
-
--tw-border-opacity: 1;
|
|
4524
|
-
}
|
|
4525
|
-
.toggle:indeterminate {
|
|
4526
|
-
--tw-bg-opacity: 1;
|
|
4527
|
-
}
|
|
4528
|
-
.toggle:indeterminate {
|
|
3614
|
+
--chkbg: hsl(var(--bc));
|
|
3615
|
+
--tw-border-opacity: 1;
|
|
3616
|
+
--tw-bg-opacity: 1;
|
|
4529
3617
|
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px hsl(var(--b1)) inset, calc(var(--handleoffset) / -2) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
|
|
4530
3618
|
}
|
|
4531
3619
|
[dir="rtl"] .toggle:indeterminate {
|
|
@@ -4537,89 +3625,43 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4537
3625
|
.toggle-primary:checked,
|
|
4538
3626
|
.toggle-primary[checked="true"] {
|
|
4539
3627
|
--chkbg: hsl(var(--p));
|
|
3628
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
3629
|
+
--tw-border-opacity: 0.1;
|
|
3630
|
+
--tw-bg-opacity: 1;
|
|
3631
|
+
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
3632
|
+
--tw-text-opacity: 1;
|
|
3633
|
+
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4540
3634
|
}
|
|
4541
|
-
.toggle-primary:checked, .toggle-primary[checked="true"] {
|
|
4542
|
-
--tw-border-opacity: 1;
|
|
4543
|
-
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
4544
|
-
}
|
|
4545
|
-
.toggle-primary:checked, .toggle-primary[checked="true"] {
|
|
4546
|
-
--tw-border-opacity: 1;
|
|
4547
|
-
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
4548
|
-
}
|
|
4549
|
-
.toggle-primary:checked, .toggle-primary[checked="true"] {
|
|
4550
|
-
--tw-border-opacity: 0.1;
|
|
4551
|
-
}
|
|
4552
|
-
.toggle-primary:checked, .toggle-primary[checked="true"] {
|
|
4553
|
-
--tw-bg-opacity: 1;
|
|
4554
|
-
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
4555
|
-
}
|
|
4556
|
-
.toggle-primary:checked, .toggle-primary[checked="true"] {
|
|
4557
|
-
--tw-text-opacity: 1;
|
|
4558
|
-
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4559
|
-
}
|
|
4560
3635
|
.toggle-secondary:focus-visible {
|
|
4561
3636
|
outline: 2px solid hsl(var(--s));
|
|
4562
3637
|
}
|
|
4563
3638
|
.toggle-secondary:checked,
|
|
4564
3639
|
.toggle-secondary[checked="true"] {
|
|
4565
3640
|
--chkbg: hsl(var(--s));
|
|
3641
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
3642
|
+
--tw-border-opacity: 0.1;
|
|
3643
|
+
--tw-bg-opacity: 1;
|
|
3644
|
+
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
3645
|
+
--tw-text-opacity: 1;
|
|
3646
|
+
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
4566
3647
|
}
|
|
4567
|
-
.toggle-secondary:checked, .toggle-secondary[checked="true"] {
|
|
4568
|
-
--tw-border-opacity: 1;
|
|
4569
|
-
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
4570
|
-
}
|
|
4571
|
-
.toggle-secondary:checked, .toggle-secondary[checked="true"] {
|
|
4572
|
-
--tw-border-opacity: 1;
|
|
4573
|
-
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
4574
|
-
}
|
|
4575
|
-
.toggle-secondary:checked, .toggle-secondary[checked="true"] {
|
|
4576
|
-
--tw-border-opacity: 0.1;
|
|
4577
|
-
}
|
|
4578
|
-
.toggle-secondary:checked, .toggle-secondary[checked="true"] {
|
|
4579
|
-
--tw-bg-opacity: 1;
|
|
4580
|
-
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
4581
|
-
}
|
|
4582
|
-
.toggle-secondary:checked, .toggle-secondary[checked="true"] {
|
|
4583
|
-
--tw-text-opacity: 1;
|
|
4584
|
-
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
4585
|
-
}
|
|
4586
3648
|
.toggle-accent:focus-visible {
|
|
4587
3649
|
outline: 2px solid hsl(var(--a));
|
|
4588
3650
|
}
|
|
4589
3651
|
.toggle-accent:checked,
|
|
4590
3652
|
.toggle-accent[checked="true"] {
|
|
4591
3653
|
--chkbg: hsl(var(--a));
|
|
3654
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
3655
|
+
--tw-border-opacity: 0.1;
|
|
3656
|
+
--tw-bg-opacity: 1;
|
|
3657
|
+
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
3658
|
+
--tw-text-opacity: 1;
|
|
3659
|
+
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
4592
3660
|
}
|
|
4593
|
-
.toggle-accent:checked, .toggle-accent[checked="true"] {
|
|
4594
|
-
--tw-border-opacity: 1;
|
|
4595
|
-
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
4596
|
-
}
|
|
4597
|
-
.toggle-accent:checked, .toggle-accent[checked="true"] {
|
|
4598
|
-
--tw-border-opacity: 1;
|
|
4599
|
-
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
4600
|
-
}
|
|
4601
|
-
.toggle-accent:checked, .toggle-accent[checked="true"] {
|
|
4602
|
-
--tw-border-opacity: 0.1;
|
|
4603
|
-
}
|
|
4604
|
-
.toggle-accent:checked, .toggle-accent[checked="true"] {
|
|
4605
|
-
--tw-bg-opacity: 1;
|
|
4606
|
-
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
4607
|
-
}
|
|
4608
|
-
.toggle-accent:checked, .toggle-accent[checked="true"] {
|
|
4609
|
-
--tw-text-opacity: 1;
|
|
4610
|
-
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
4611
|
-
}
|
|
4612
3661
|
.toggle:disabled {
|
|
4613
3662
|
cursor: not-allowed;
|
|
4614
|
-
}
|
|
4615
|
-
.toggle:disabled {
|
|
4616
3663
|
border-color: transparent;
|
|
4617
|
-
}
|
|
4618
|
-
.toggle:disabled {
|
|
4619
|
-
--tw-bg-opacity: 1;
|
|
4620
3664
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
4621
|
-
}
|
|
4622
|
-
.toggle:disabled {
|
|
4623
3665
|
--tw-bg-opacity: 0.2;
|
|
4624
3666
|
}
|
|
4625
3667
|
|
|
@@ -4672,15 +3714,13 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
4672
3714
|
height: 0;
|
|
4673
3715
|
display: block;
|
|
4674
3716
|
position: absolute;
|
|
4675
|
-
}
|
|
4676
|
-
.tooltip:after {
|
|
4677
3717
|
transform: translateX(-50%);
|
|
4678
3718
|
border-color: var(--tooltip-color) transparent transparent transparent;
|
|
4679
3719
|
top: auto;
|
|
4680
3720
|
left: 50%;
|
|
4681
3721
|
right: auto;
|
|
4682
3722
|
bottom: var(--tooltip-tail-offset);
|
|
4683
|
-
|
|
3723
|
+
}
|
|
4684
3724
|
.tooltip-bottom:after {
|
|
4685
3725
|
transform: translateX(-50%);
|
|
4686
3726
|
border-color: transparent transparent var(--tooltip-color) transparent;
|