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