daisyui 2.15.0 → 2.15.3
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 +197 -73
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/themes.css +48 -0
- package/dist/unstyled.css +68 -22
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/dist/utilities.js +1 -1
- package/package.json +7 -2
- package/src/lib/responsiveRegex.js +1 -1
package/dist/styled.css
CHANGED
|
@@ -52,7 +52,9 @@
|
|
|
52
52
|
display: inline-flex;
|
|
53
53
|
align-items: center;
|
|
54
54
|
justify-content: center;
|
|
55
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
55
56
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
57
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
56
58
|
transition-duration: 200ms;
|
|
57
59
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
58
60
|
height: 1.25rem;
|
|
@@ -82,19 +84,23 @@
|
|
|
82
84
|
align-items: center
|
|
83
85
|
}
|
|
84
86
|
.breadcrumbs > ul > li > a:hover {
|
|
85
|
-
text-decoration-line: underline
|
|
87
|
+
-webkit-text-decoration-line: underline;
|
|
88
|
+
text-decoration-line: underline
|
|
86
89
|
}
|
|
87
90
|
.btn {
|
|
88
91
|
display: inline-flex;
|
|
89
92
|
flex-shrink: 0;
|
|
90
93
|
cursor: pointer;
|
|
91
|
-
user-select: none;
|
|
94
|
+
-webkit-user-select: none;
|
|
95
|
+
user-select: none;
|
|
92
96
|
flex-wrap: wrap;
|
|
93
97
|
align-items: center;
|
|
94
98
|
justify-content: center;
|
|
95
99
|
border-color: transparent;
|
|
96
100
|
text-align: center;
|
|
101
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
97
102
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
103
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
98
104
|
transition-duration: 200ms;
|
|
99
105
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
100
106
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
@@ -109,7 +115,8 @@
|
|
|
109
115
|
|
|
110
116
|
/* disabled */
|
|
111
117
|
|
|
112
|
-
.btn-disabled,
|
|
118
|
+
.btn-disabled,
|
|
119
|
+
.btn[disabled] {
|
|
113
120
|
pointer-events: none;
|
|
114
121
|
}
|
|
115
122
|
|
|
@@ -130,7 +137,8 @@
|
|
|
130
137
|
|
|
131
138
|
/* loading */
|
|
132
139
|
|
|
133
|
-
.btn.loading,
|
|
140
|
+
.btn.loading,
|
|
141
|
+
.btn.loading:hover {
|
|
134
142
|
pointer-events: none;
|
|
135
143
|
}
|
|
136
144
|
|
|
@@ -207,7 +215,8 @@
|
|
|
207
215
|
position: relative;
|
|
208
216
|
content: ""
|
|
209
217
|
}
|
|
210
|
-
.card.image-full:before,
|
|
218
|
+
.card.image-full:before,
|
|
219
|
+
.card.image-full > * {
|
|
211
220
|
grid-column-start: 1;
|
|
212
221
|
grid-row-start: 1
|
|
213
222
|
}
|
|
@@ -249,7 +258,9 @@
|
|
|
249
258
|
display: grid;
|
|
250
259
|
overflow: hidden;
|
|
251
260
|
}
|
|
252
|
-
.collapse-title,
|
|
261
|
+
.collapse-title,
|
|
262
|
+
.collapse > input[type="checkbox"],
|
|
263
|
+
.collapse-content {
|
|
253
264
|
grid-column-start: 1;
|
|
254
265
|
grid-row-start: 1;
|
|
255
266
|
}
|
|
@@ -528,7 +539,10 @@
|
|
|
528
539
|
bottom: 0px;
|
|
529
540
|
top: auto
|
|
530
541
|
}
|
|
531
|
-
.dropdown.dropdown-open .dropdown-content,
|
|
542
|
+
.dropdown.dropdown-open .dropdown-content,
|
|
543
|
+
.dropdown.dropdown-hover:hover .dropdown-content,
|
|
544
|
+
.dropdown:not(.dropdown-hover):focus .dropdown-content,
|
|
545
|
+
.dropdown:not(.dropdown-hover):focus-within .dropdown-content {
|
|
532
546
|
visibility: visible;
|
|
533
547
|
opacity: 1
|
|
534
548
|
}
|
|
@@ -563,7 +577,8 @@
|
|
|
563
577
|
}
|
|
564
578
|
.label {
|
|
565
579
|
display: flex;
|
|
566
|
-
user-select: none;
|
|
580
|
+
-webkit-user-select: none;
|
|
581
|
+
user-select: none;
|
|
567
582
|
align-items: center;
|
|
568
583
|
justify-content: space-between
|
|
569
584
|
}
|
|
@@ -602,7 +617,9 @@
|
|
|
602
617
|
}
|
|
603
618
|
.input {
|
|
604
619
|
flex-shrink: 1;
|
|
620
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
605
621
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
622
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
606
623
|
transition-duration: 200ms;
|
|
607
624
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
608
625
|
height: 3rem;
|
|
@@ -617,7 +634,8 @@
|
|
|
617
634
|
width: 100%;
|
|
618
635
|
align-items: stretch;
|
|
619
636
|
}
|
|
620
|
-
.input-group > *,
|
|
637
|
+
.input-group > *,
|
|
638
|
+
.input-group > .input {
|
|
621
639
|
border-radius: 0px;
|
|
622
640
|
}
|
|
623
641
|
.input-group-md {
|
|
@@ -681,13 +699,16 @@
|
|
|
681
699
|
}
|
|
682
700
|
.link {
|
|
683
701
|
cursor: pointer;
|
|
684
|
-
text-decoration-line: underline
|
|
702
|
+
-webkit-text-decoration-line: underline;
|
|
703
|
+
text-decoration-line: underline
|
|
685
704
|
}
|
|
686
705
|
.link-hover {
|
|
687
|
-
text-decoration-line: none
|
|
706
|
+
-webkit-text-decoration-line: none;
|
|
707
|
+
text-decoration-line: none
|
|
688
708
|
}
|
|
689
709
|
.link-hover:hover {
|
|
690
|
-
text-decoration-line: underline
|
|
710
|
+
-webkit-text-decoration-line: underline;
|
|
711
|
+
text-decoration-line: underline
|
|
691
712
|
}
|
|
692
713
|
.mask {
|
|
693
714
|
-webkit-mask-size: contain;
|
|
@@ -732,7 +753,8 @@
|
|
|
732
753
|
}
|
|
733
754
|
.menu :where(li:not(.disabled):not(.menu-title)) > :where(*:not(ul)) {
|
|
734
755
|
cursor: pointer;
|
|
735
|
-
user-select: none;
|
|
756
|
+
-webkit-user-select: none;
|
|
757
|
+
user-select: none;
|
|
736
758
|
align-items: center;
|
|
737
759
|
outline: 2px solid transparent;
|
|
738
760
|
outline-offset: 2px
|
|
@@ -800,7 +822,9 @@
|
|
|
800
822
|
.modal-box {
|
|
801
823
|
max-height: calc(100vh - 5em);
|
|
802
824
|
}
|
|
803
|
-
.modal-open,
|
|
825
|
+
.modal-open,
|
|
826
|
+
.modal:target,
|
|
827
|
+
.modal-toggle:checked + .modal {
|
|
804
828
|
pointer-events: auto;
|
|
805
829
|
visibility: visible;
|
|
806
830
|
opacity: 1;
|
|
@@ -863,7 +887,8 @@
|
|
|
863
887
|
appearance: none;
|
|
864
888
|
background-color: transparent;
|
|
865
889
|
}
|
|
866
|
-
.radial-progress:before,
|
|
890
|
+
.radial-progress:before,
|
|
891
|
+
.radial-progress:after {
|
|
867
892
|
position: absolute;
|
|
868
893
|
border-radius: 9999px;
|
|
869
894
|
content: "";
|
|
@@ -907,7 +932,9 @@
|
|
|
907
932
|
|
|
908
933
|
cursor: pointer;
|
|
909
934
|
|
|
910
|
-
user-select: none;
|
|
935
|
+
-webkit-user-select: none;
|
|
936
|
+
|
|
937
|
+
user-select: none;
|
|
911
938
|
|
|
912
939
|
appearance: none;
|
|
913
940
|
|
|
@@ -928,10 +955,18 @@
|
|
|
928
955
|
|
|
929
956
|
/* disabled */
|
|
930
957
|
|
|
931
|
-
.select-disabled,
|
|
958
|
+
.select-disabled,
|
|
959
|
+
.select[disabled] {
|
|
932
960
|
|
|
933
961
|
pointer-events: none
|
|
934
962
|
}
|
|
963
|
+
|
|
964
|
+
/* multiple */
|
|
965
|
+
|
|
966
|
+
.select[multiple] {
|
|
967
|
+
|
|
968
|
+
height: auto
|
|
969
|
+
}
|
|
935
970
|
.stack {
|
|
936
971
|
display: inline-grid;
|
|
937
972
|
}
|
|
@@ -1007,7 +1042,9 @@
|
|
|
1007
1042
|
|
|
1008
1043
|
display: inline-grid;
|
|
1009
1044
|
|
|
1010
|
-
user-select: none;
|
|
1045
|
+
-webkit-user-select: none;
|
|
1046
|
+
|
|
1047
|
+
user-select: none;
|
|
1011
1048
|
|
|
1012
1049
|
place-content: center
|
|
1013
1050
|
}
|
|
@@ -1024,17 +1061,23 @@
|
|
|
1024
1061
|
appearance: none
|
|
1025
1062
|
}
|
|
1026
1063
|
|
|
1027
|
-
.swap .swap-on,
|
|
1064
|
+
.swap .swap-on,
|
|
1065
|
+
.swap .swap-indeterminate,
|
|
1066
|
+
.swap input:indeterminate ~ .swap-on {
|
|
1028
1067
|
|
|
1029
1068
|
opacity: 0
|
|
1030
1069
|
}
|
|
1031
1070
|
|
|
1032
|
-
.swap input:checked ~ .swap-off,
|
|
1071
|
+
.swap input:checked ~ .swap-off,
|
|
1072
|
+
.swap.swap-active .swap-off,
|
|
1073
|
+
.swap input:indeterminate ~ .swap-off {
|
|
1033
1074
|
|
|
1034
1075
|
opacity: 0
|
|
1035
1076
|
}
|
|
1036
1077
|
|
|
1037
|
-
.swap input:checked ~ .swap-on,
|
|
1078
|
+
.swap input:checked ~ .swap-on,
|
|
1079
|
+
.swap-active .swap-on,
|
|
1080
|
+
.swap input:indeterminate ~ .swap-indeterminate {
|
|
1038
1081
|
|
|
1039
1082
|
opacity: 1
|
|
1040
1083
|
}
|
|
@@ -1047,7 +1090,8 @@
|
|
|
1047
1090
|
position: relative;
|
|
1048
1091
|
display: inline-flex;
|
|
1049
1092
|
cursor: pointer;
|
|
1050
|
-
user-select: none;
|
|
1093
|
+
-webkit-user-select: none;
|
|
1094
|
+
user-select: none;
|
|
1051
1095
|
flex-wrap: wrap;
|
|
1052
1096
|
align-items: center;
|
|
1053
1097
|
justify-content: center;
|
|
@@ -1070,7 +1114,9 @@
|
|
|
1070
1114
|
}
|
|
1071
1115
|
.textarea {
|
|
1072
1116
|
flex-shrink: 1;
|
|
1117
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
1073
1118
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
1119
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
1074
1120
|
transition-duration: 200ms;
|
|
1075
1121
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
1076
1122
|
padding-left: 1rem;
|
|
@@ -1457,7 +1503,8 @@
|
|
|
1457
1503
|
.btn {
|
|
1458
1504
|
font-weight: 600;
|
|
1459
1505
|
text-transform: uppercase;
|
|
1460
|
-
text-decoration-line: none;
|
|
1506
|
+
-webkit-text-decoration-line: none;
|
|
1507
|
+
text-decoration-line: none;
|
|
1461
1508
|
border-width: var(--border-btn, 1px);
|
|
1462
1509
|
animation: button-pop var(--animation-btn, 0.25s) ease-out;
|
|
1463
1510
|
text-transform: var(--btn-text-case, uppercase);
|
|
@@ -1476,7 +1523,8 @@
|
|
|
1476
1523
|
--tw-text-opacity: 1;
|
|
1477
1524
|
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
1478
1525
|
}
|
|
1479
|
-
.btn:hover,
|
|
1526
|
+
.btn:hover,
|
|
1527
|
+
.btn-active {
|
|
1480
1528
|
--tw-border-opacity: 1;
|
|
1481
1529
|
border-color: hsl(var(--nf, var(--n)) / var(--tw-border-opacity));
|
|
1482
1530
|
--tw-bg-opacity: 1;
|
|
@@ -1495,7 +1543,8 @@
|
|
|
1495
1543
|
--tw-text-opacity: 1;
|
|
1496
1544
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
1497
1545
|
}
|
|
1498
|
-
.btn-primary:hover,
|
|
1546
|
+
.btn-primary:hover,
|
|
1547
|
+
.btn-primary.btn-active {
|
|
1499
1548
|
--tw-border-opacity: 1;
|
|
1500
1549
|
border-color: hsl(var(--pf, var(--p)) / var(--tw-border-opacity));
|
|
1501
1550
|
--tw-bg-opacity: 1;
|
|
@@ -1512,7 +1561,8 @@
|
|
|
1512
1561
|
--tw-text-opacity: 1;
|
|
1513
1562
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
1514
1563
|
}
|
|
1515
|
-
.btn-secondary:hover,
|
|
1564
|
+
.btn-secondary:hover,
|
|
1565
|
+
.btn-secondary.btn-active {
|
|
1516
1566
|
--tw-border-opacity: 1;
|
|
1517
1567
|
border-color: hsl(var(--sf, var(--s)) / var(--tw-border-opacity));
|
|
1518
1568
|
--tw-bg-opacity: 1;
|
|
@@ -1529,7 +1579,8 @@
|
|
|
1529
1579
|
--tw-text-opacity: 1;
|
|
1530
1580
|
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
1531
1581
|
}
|
|
1532
|
-
.btn-accent:hover,
|
|
1582
|
+
.btn-accent:hover,
|
|
1583
|
+
.btn-accent.btn-active {
|
|
1533
1584
|
--tw-border-opacity: 1;
|
|
1534
1585
|
border-color: hsl(var(--af, var(--a)) / var(--tw-border-opacity));
|
|
1535
1586
|
--tw-bg-opacity: 1;
|
|
@@ -1547,7 +1598,8 @@
|
|
|
1547
1598
|
--tw-text-opacity: 1;
|
|
1548
1599
|
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
1549
1600
|
}
|
|
1550
|
-
.btn-info:hover,
|
|
1601
|
+
.btn-info:hover,
|
|
1602
|
+
.btn-info.btn-active {
|
|
1551
1603
|
--tw-border-opacity: 1;
|
|
1552
1604
|
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
1553
1605
|
--tw-bg-opacity: 1;
|
|
@@ -1564,7 +1616,8 @@
|
|
|
1564
1616
|
--tw-text-opacity: 1;
|
|
1565
1617
|
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
1566
1618
|
}
|
|
1567
|
-
.btn-success:hover,
|
|
1619
|
+
.btn-success:hover,
|
|
1620
|
+
.btn-success.btn-active {
|
|
1568
1621
|
--tw-border-opacity: 1;
|
|
1569
1622
|
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
1570
1623
|
--tw-bg-opacity: 1;
|
|
@@ -1581,7 +1634,8 @@
|
|
|
1581
1634
|
--tw-text-opacity: 1;
|
|
1582
1635
|
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
1583
1636
|
}
|
|
1584
|
-
.btn-warning:hover,
|
|
1637
|
+
.btn-warning:hover,
|
|
1638
|
+
.btn-warning.btn-active {
|
|
1585
1639
|
--tw-border-opacity: 1;
|
|
1586
1640
|
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
1587
1641
|
--tw-bg-opacity: 1;
|
|
@@ -1598,7 +1652,8 @@
|
|
|
1598
1652
|
--tw-text-opacity: 1;
|
|
1599
1653
|
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
1600
1654
|
}
|
|
1601
|
-
.btn-error:hover,
|
|
1655
|
+
.btn-error:hover,
|
|
1656
|
+
.btn-error.btn-active {
|
|
1602
1657
|
--tw-border-opacity: 1;
|
|
1603
1658
|
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
1604
1659
|
--tw-bg-opacity: 1;
|
|
@@ -1623,7 +1678,8 @@
|
|
|
1623
1678
|
background-color: transparent;
|
|
1624
1679
|
color: currentColor;
|
|
1625
1680
|
}
|
|
1626
|
-
.btn-ghost:hover,
|
|
1681
|
+
.btn-ghost:hover,
|
|
1682
|
+
.btn-ghost.btn-active {
|
|
1627
1683
|
--tw-border-opacity: 0;
|
|
1628
1684
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
1629
1685
|
--tw-bg-opacity: 0.2;
|
|
@@ -1637,10 +1693,12 @@
|
|
|
1637
1693
|
--tw-text-opacity: 1;
|
|
1638
1694
|
color: hsl(var(--p) / var(--tw-text-opacity));
|
|
1639
1695
|
}
|
|
1640
|
-
.btn-link:hover,
|
|
1696
|
+
.btn-link:hover,
|
|
1697
|
+
.btn-link.btn-active {
|
|
1641
1698
|
border-color: transparent;
|
|
1642
1699
|
background-color: transparent;
|
|
1643
|
-
text-decoration-line: underline;
|
|
1700
|
+
-webkit-text-decoration-line: underline;
|
|
1701
|
+
text-decoration-line: underline;
|
|
1644
1702
|
}
|
|
1645
1703
|
.btn-link:focus-visible {
|
|
1646
1704
|
outline: 2px solid 0 0 2px currentColor;
|
|
@@ -1745,7 +1803,10 @@
|
|
|
1745
1803
|
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
1746
1804
|
}
|
|
1747
1805
|
/* disabled */
|
|
1748
|
-
.btn-disabled,
|
|
1806
|
+
.btn-disabled,
|
|
1807
|
+
.btn-disabled:hover,
|
|
1808
|
+
.btn[disabled],
|
|
1809
|
+
.btn[disabled]:hover {
|
|
1749
1810
|
--tw-border-opacity: 0;
|
|
1750
1811
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
1751
1812
|
--tw-bg-opacity: 0.2;
|
|
@@ -1753,19 +1814,23 @@
|
|
|
1753
1814
|
--tw-text-opacity: 0.2;
|
|
1754
1815
|
}
|
|
1755
1816
|
/* loading */
|
|
1756
|
-
.btn.loading.btn-square:before,
|
|
1817
|
+
.btn.loading.btn-square:before,
|
|
1818
|
+
.btn.loading.btn-circle:before {
|
|
1757
1819
|
margin-right: 0px;
|
|
1758
1820
|
}
|
|
1759
|
-
.btn.loading.btn-xl:before,
|
|
1821
|
+
.btn.loading.btn-xl:before,
|
|
1822
|
+
.btn.loading.btn-lg:before {
|
|
1760
1823
|
height: 1.25rem;
|
|
1761
1824
|
width: 1.25rem;
|
|
1762
1825
|
}
|
|
1763
|
-
.btn.loading.btn-sm:before,
|
|
1826
|
+
.btn.loading.btn-sm:before,
|
|
1827
|
+
.btn.loading.btn-xs:before {
|
|
1764
1828
|
height: 0.75rem;
|
|
1765
1829
|
width: 0.75rem;
|
|
1766
1830
|
}
|
|
1767
1831
|
/* group */
|
|
1768
|
-
.btn-group > input[type="radio"]:checked.btn,
|
|
1832
|
+
.btn-group > input[type="radio"]:checked.btn,
|
|
1833
|
+
.btn-group > .btn-active {
|
|
1769
1834
|
--tw-border-opacity: 1;
|
|
1770
1835
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
1771
1836
|
--tw-bg-opacity: 1;
|
|
@@ -1867,7 +1932,8 @@
|
|
|
1867
1932
|
outline: 2px solid hsl(var(--bc));
|
|
1868
1933
|
outline-offset: 2px;
|
|
1869
1934
|
}
|
|
1870
|
-
.checkbox:checked,
|
|
1935
|
+
.checkbox:checked,
|
|
1936
|
+
.checkbox[checked="true"] {
|
|
1871
1937
|
--tw-bg-opacity: 1;
|
|
1872
1938
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
1873
1939
|
background-repeat: no-repeat;
|
|
@@ -1894,7 +1960,8 @@
|
|
|
1894
1960
|
.checkbox-primary:focus-visible {
|
|
1895
1961
|
outline: 2px solid hsl(var(--p));
|
|
1896
1962
|
}
|
|
1897
|
-
.checkbox-primary:checked,
|
|
1963
|
+
.checkbox-primary:checked,
|
|
1964
|
+
.checkbox-primary[checked="true"] {
|
|
1898
1965
|
--tw-border-opacity: 1;
|
|
1899
1966
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
1900
1967
|
--tw-bg-opacity: 1;
|
|
@@ -1915,7 +1982,8 @@
|
|
|
1915
1982
|
.checkbox-secondary:focus-visible {
|
|
1916
1983
|
outline: 2px solid hsl(var(--s));
|
|
1917
1984
|
}
|
|
1918
|
-
.checkbox-secondary:checked,
|
|
1985
|
+
.checkbox-secondary:checked,
|
|
1986
|
+
.checkbox-secondary[checked="true"] {
|
|
1919
1987
|
--tw-border-opacity: 1;
|
|
1920
1988
|
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
1921
1989
|
--tw-bg-opacity: 1;
|
|
@@ -1936,7 +2004,8 @@
|
|
|
1936
2004
|
.checkbox-accent:focus-visible {
|
|
1937
2005
|
outline: 2px solid hsl(var(--a));
|
|
1938
2006
|
}
|
|
1939
|
-
.checkbox-accent:checked,
|
|
2007
|
+
.checkbox-accent:checked,
|
|
2008
|
+
.checkbox-accent[checked="true"] {
|
|
1940
2009
|
--tw-border-opacity: 1;
|
|
1941
2010
|
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
1942
2011
|
--tw-bg-opacity: 1;
|
|
@@ -2013,13 +2082,15 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2013
2082
|
content: "+";
|
|
2014
2083
|
pointer-events: none;
|
|
2015
2084
|
}
|
|
2016
|
-
.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
|
|
2085
|
+
.collapse:not(.collapse-open):not(.collapse-close) input[type="checkbox"],
|
|
2086
|
+
.collapse:not(.collapse-open):not(.collapse-close) .collapse-title {
|
|
2017
2087
|
cursor: pointer;
|
|
2018
2088
|
}
|
|
2019
2089
|
.collapse:focus:not(.collapse-open):not(.collapse-close) .collapse-title {
|
|
2020
2090
|
cursor: unset;
|
|
2021
2091
|
}
|
|
2022
|
-
.collapse-title,
|
|
2092
|
+
.collapse-title,
|
|
2093
|
+
.collapse > input[type="checkbox"] {
|
|
2023
2094
|
width: 100%;
|
|
2024
2095
|
padding: 1rem;
|
|
2025
2096
|
padding-right: 3rem;
|
|
@@ -2038,7 +2109,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2038
2109
|
cursor: unset;
|
|
2039
2110
|
transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
|
2040
2111
|
}
|
|
2041
|
-
.collapse-open :where(.collapse-content),
|
|
2112
|
+
.collapse-open :where(.collapse-content),
|
|
2113
|
+
.collapse:focus:not(.collapse-close) :where(.collapse-content),
|
|
2114
|
+
.collapse:not(.collapse-close) :where(input[type="checkbox"]:checked ~ .collapse-content) {
|
|
2042
2115
|
padding-bottom: 1rem;
|
|
2043
2116
|
transition: padding 0.2s ease-in-out, background-color 0.2s ease-in-out;
|
|
2044
2117
|
}
|
|
@@ -2147,7 +2220,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2147
2220
|
--tw-scale-x: .95;
|
|
2148
2221
|
--tw-scale-y: .95;
|
|
2149
2222
|
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));
|
|
2223
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
2150
2224
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2225
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
2151
2226
|
transition-duration: 200ms;
|
|
2152
2227
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
|
|
2153
2228
|
}
|
|
@@ -2160,7 +2235,10 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2160
2235
|
.dropdown-right .dropdown-content {
|
|
2161
2236
|
transform-origin: left
|
|
2162
2237
|
}
|
|
2163
|
-
.dropdown.dropdown-open .dropdown-content,
|
|
2238
|
+
.dropdown.dropdown-open .dropdown-content,
|
|
2239
|
+
.dropdown.dropdown-hover:hover .dropdown-content,
|
|
2240
|
+
.dropdown:focus .dropdown-content,
|
|
2241
|
+
.dropdown:focus-within .dropdown-content {
|
|
2164
2242
|
--tw-scale-x: 1;
|
|
2165
2243
|
--tw-scale-y: 1;
|
|
2166
2244
|
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))
|
|
@@ -2290,7 +2368,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2290
2368
|
.input-error:focus {
|
|
2291
2369
|
outline: 2px solid hsl(var(--er));
|
|
2292
2370
|
}
|
|
2293
|
-
.input-disabled,
|
|
2371
|
+
.input-disabled,
|
|
2372
|
+
.input[disabled] {
|
|
2294
2373
|
cursor: not-allowed;
|
|
2295
2374
|
--tw-border-opacity: 1;
|
|
2296
2375
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
@@ -2298,7 +2377,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2298
2377
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
2299
2378
|
--tw-text-opacity: 0.2;
|
|
2300
2379
|
}
|
|
2301
|
-
.input-disabled::placeholder,
|
|
2380
|
+
.input-disabled::placeholder,
|
|
2381
|
+
.input[disabled]::placeholder {
|
|
2302
2382
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
2303
2383
|
--tw-placeholder-opacity: 0.2;
|
|
2304
2384
|
}
|
|
@@ -2431,13 +2511,16 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2431
2511
|
-webkit-mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
|
|
2432
2512
|
mask-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTUwcHgiIGhlaWdodD0iMTc0cHgiIHZpZXdCb3g9IjAgMCAxNTAgMTc0IiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPgogICAgPCEtLSBHZW5lcmF0b3I6IFNrZXRjaCA2MC4xICg4ODEzMykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+dHJpYW5nbGUtcmlnaHQ8L3RpdGxlPgogICAgPGRlc2M+Q3JlYXRlZCB3aXRoIFNrZXRjaC48L2Rlc2M+CiAgICA8ZyBpZD0iUGFnZS0xIiBzdHJva2U9Im5vbmUiIHN0cm9rZS13aWR0aD0iMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj4KICAgICAgICA8cG9seWdvbiBpZD0idHJpYW5nbGUtcmlnaHQiIGZpbGw9IiMwMDAwMDAiIHRyYW5zZm9ybT0idHJhbnNsYXRlKDUwLjAwMDAwMCwgODcuMTA3MTQzKSByb3RhdGUoLTI3MC4wMDAwMDApIHRyYW5zbGF0ZSgtNTAuMDAwMDAwLCAtODcuMTA3MTQzKSAiIHBvaW50cz0iNTAgMTM2LjQ3NjE3NyAtMzYuNjAyNTQwNCAxMzYuNjYwNzE0IDYuODU5OTgzNzQgNjIuNDIyNjI1OSA1MCAtMTIgOTMuMTQwMDE2MyA2Mi40MjI2MjU5IDEzNi42MDI1NCAxMzYuNjYwNzE0Ij48L3BvbHlnb24+CiAgICA8L2c+Cjwvc3ZnPg==);
|
|
2433
2513
|
}
|
|
2434
|
-
.menu.horizontal li.bordered > a,
|
|
2514
|
+
.menu.horizontal li.bordered > a,
|
|
2515
|
+
.menu.horizontal li.bordered > button,
|
|
2516
|
+
.menu.horizontal li.bordered > span {
|
|
2435
2517
|
border-left-width: 0px;
|
|
2436
2518
|
border-bottom-width: 4px;
|
|
2437
2519
|
--tw-border-opacity: 1;
|
|
2438
2520
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2439
2521
|
}
|
|
2440
|
-
.menu[class*=" p-"] li > *,
|
|
2522
|
+
.menu[class*=" p-"] li > *,
|
|
2523
|
+
.menu[class^="p-"] li > * {
|
|
2441
2524
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
2442
2525
|
}
|
|
2443
2526
|
.menu :where(li.bordered > *) {
|
|
@@ -2453,11 +2536,13 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2453
2536
|
padding-bottom: 0.75rem;
|
|
2454
2537
|
color: currentColor;
|
|
2455
2538
|
}
|
|
2456
|
-
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
|
|
2539
|
+
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):focus),
|
|
2540
|
+
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):hover) {
|
|
2457
2541
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
2458
2542
|
--tw-bg-opacity: 0.1;
|
|
2459
2543
|
}
|
|
2460
|
-
.menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
|
|
2544
|
+
.menu :where(li:not(.menu-title):not(:empty)) > :where(:not(ul).active),
|
|
2545
|
+
.menu :where(li:not(.menu-title):not(:empty)) > :where(*:not(ul):active) {
|
|
2461
2546
|
--tw-bg-opacity: 1;
|
|
2462
2547
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
2463
2548
|
--tw-text-opacity: 1;
|
|
@@ -2473,7 +2558,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2473
2558
|
--tw-bg-opacity: 0.1;
|
|
2474
2559
|
}
|
|
2475
2560
|
.menu li.disabled > * {
|
|
2476
|
-
user-select: none;
|
|
2561
|
+
-webkit-user-select: none;
|
|
2562
|
+
user-select: none;
|
|
2477
2563
|
color: hsl(var(--bc) / var(--tw-text-opacity));
|
|
2478
2564
|
--tw-text-opacity: 0.2;
|
|
2479
2565
|
}
|
|
@@ -2488,7 +2574,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2488
2574
|
--tw-border-opacity: 1;
|
|
2489
2575
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2490
2576
|
}
|
|
2491
|
-
.menu.compact li > a,
|
|
2577
|
+
.menu.compact li > a,
|
|
2578
|
+
.menu.compact li > span {
|
|
2492
2579
|
padding-top: 0.5rem;
|
|
2493
2580
|
padding-bottom: 0.5rem;
|
|
2494
2581
|
font-size: 0.875rem;
|
|
@@ -2507,7 +2594,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2507
2594
|
.menu :where(li:not(.disabled)) > :where(*:not(ul)) {
|
|
2508
2595
|
outline: 2px solid transparent;
|
|
2509
2596
|
outline-offset: 2px;
|
|
2597
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
2510
2598
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2599
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
2511
2600
|
transition-duration: 200ms;
|
|
2512
2601
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2513
2602
|
}
|
|
@@ -2694,7 +2783,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2694
2783
|
--tw-bg-opacity: 1;
|
|
2695
2784
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
2696
2785
|
padding: 1.5rem;
|
|
2786
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
2697
2787
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
2788
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
2698
2789
|
transition-duration: 200ms;
|
|
2699
2790
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
2700
2791
|
width: 91.666667%;
|
|
@@ -2710,7 +2801,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
2710
2801
|
overflow-y: auto;
|
|
2711
2802
|
overscroll-behavior: contain
|
|
2712
2803
|
}
|
|
2713
|
-
.modal-open .modal-box,
|
|
2804
|
+
.modal-open .modal-box,
|
|
2805
|
+
.modal-toggle:checked + .modal .modal-box,
|
|
2806
|
+
.modal:target .modal-box {
|
|
2714
2807
|
--tw-translate-y: 0px;
|
|
2715
2808
|
--tw-scale-x: 1;
|
|
2716
2809
|
--tw-scale-y: 1;
|
|
@@ -3076,7 +3169,9 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3076
3169
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity));
|
|
3077
3170
|
padding-right: 2.5rem;
|
|
3078
3171
|
font-weight: 600;
|
|
3172
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
3079
3173
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3174
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
3080
3175
|
transition-duration: 200ms;
|
|
3081
3176
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
3082
3177
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
@@ -3151,7 +3246,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3151
3246
|
.select-error:focus {
|
|
3152
3247
|
outline: 2px solid hsl(var(--er));
|
|
3153
3248
|
}
|
|
3154
|
-
.select-disabled,
|
|
3249
|
+
.select-disabled,
|
|
3250
|
+
.select[disabled] {
|
|
3155
3251
|
cursor: not-allowed;
|
|
3156
3252
|
--tw-border-opacity: 1;
|
|
3157
3253
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
@@ -3159,11 +3255,14 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3159
3255
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
3160
3256
|
--tw-text-opacity: 0.2;
|
|
3161
3257
|
}
|
|
3162
|
-
.select-disabled::placeholder,
|
|
3258
|
+
.select-disabled::placeholder,
|
|
3259
|
+
.select[disabled]::placeholder {
|
|
3163
3260
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
3164
3261
|
--tw-placeholder-opacity: 0.2;
|
|
3165
3262
|
}
|
|
3166
|
-
.select-multiple,
|
|
3263
|
+
.select-multiple,
|
|
3264
|
+
.select[multiple],
|
|
3265
|
+
.select[size].select:not([size="1"]) {
|
|
3167
3266
|
background-image: none;
|
|
3168
3267
|
padding-right: 1rem;
|
|
3169
3268
|
}
|
|
@@ -3293,25 +3392,29 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3293
3392
|
.steps .step[data-content]:after {
|
|
3294
3393
|
content: attr(data-content);
|
|
3295
3394
|
}
|
|
3296
|
-
.steps .step-neutral + .step-neutral:before,
|
|
3395
|
+
.steps .step-neutral + .step-neutral:before,
|
|
3396
|
+
.steps .step-neutral:after {
|
|
3297
3397
|
--tw-bg-opacity: 1;
|
|
3298
3398
|
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
3299
3399
|
--tw-text-opacity: 1;
|
|
3300
3400
|
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
3301
3401
|
}
|
|
3302
|
-
.steps .step-primary + .step-primary:before,
|
|
3402
|
+
.steps .step-primary + .step-primary:before,
|
|
3403
|
+
.steps .step-primary:after {
|
|
3303
3404
|
--tw-bg-opacity: 1;
|
|
3304
3405
|
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
3305
3406
|
--tw-text-opacity: 1;
|
|
3306
3407
|
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
3307
3408
|
}
|
|
3308
|
-
.steps .step-secondary + .step-secondary:before,
|
|
3409
|
+
.steps .step-secondary + .step-secondary:before,
|
|
3410
|
+
.steps .step-secondary:after {
|
|
3309
3411
|
--tw-bg-opacity: 1;
|
|
3310
3412
|
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
3311
3413
|
--tw-text-opacity: 1;
|
|
3312
3414
|
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
3313
3415
|
}
|
|
3314
|
-
.steps .step-accent + .step-accent:before,
|
|
3416
|
+
.steps .step-accent + .step-accent:before,
|
|
3417
|
+
.steps .step-accent:after {
|
|
3315
3418
|
--tw-bg-opacity: 1;
|
|
3316
3419
|
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
3317
3420
|
--tw-text-opacity: 1;
|
|
@@ -3367,17 +3470,23 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3367
3470
|
transition-property: transform, opacity;
|
|
3368
3471
|
}
|
|
3369
3472
|
|
|
3370
|
-
.swap-rotate .swap-on,
|
|
3473
|
+
.swap-rotate .swap-on,
|
|
3474
|
+
.swap-rotate .swap-indeterminate,
|
|
3475
|
+
.swap-rotate input:indeterminate ~ .swap-on {
|
|
3371
3476
|
--tw-rotate: 45deg;
|
|
3372
3477
|
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));
|
|
3373
3478
|
}
|
|
3374
3479
|
|
|
3375
|
-
.swap-rotate input:checked ~ .swap-off,
|
|
3480
|
+
.swap-rotate input:checked ~ .swap-off,
|
|
3481
|
+
.swap-rotate.swap-active .swap-off,
|
|
3482
|
+
.swap-rotate input:indeterminate ~ .swap-off {
|
|
3376
3483
|
--tw-rotate: -45deg;
|
|
3377
3484
|
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));
|
|
3378
3485
|
}
|
|
3379
3486
|
|
|
3380
|
-
.swap-rotate input:checked ~ .swap-on,
|
|
3487
|
+
.swap-rotate input:checked ~ .swap-on,
|
|
3488
|
+
.swap-rotate.swap-active .swap-on,
|
|
3489
|
+
.swap-rotate input:indeterminate ~ .swap-indeterminate {
|
|
3381
3490
|
--tw-rotate: 0deg;
|
|
3382
3491
|
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));
|
|
3383
3492
|
}
|
|
@@ -3528,11 +3637,17 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3528
3637
|
padding: 1rem;
|
|
3529
3638
|
vertical-align: middle
|
|
3530
3639
|
}
|
|
3531
|
-
.table tr.active th,
|
|
3640
|
+
.table tr.active th,
|
|
3641
|
+
.table tr.active td,
|
|
3642
|
+
.table tr.active:nth-child(even) th,
|
|
3643
|
+
.table tr.active:nth-child(even) td {
|
|
3532
3644
|
--tw-bg-opacity: 1;
|
|
3533
3645
|
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
3534
3646
|
}
|
|
3535
|
-
.table tr.hover:hover th,
|
|
3647
|
+
.table tr.hover:hover th,
|
|
3648
|
+
.table tr.hover:hover td,
|
|
3649
|
+
.table tr.hover:nth-child(even):hover th,
|
|
3650
|
+
.table tr.hover:nth-child(even):hover td {
|
|
3536
3651
|
--tw-bg-opacity: 1;
|
|
3537
3652
|
background-color: hsl(var(--b3, var(--b2)) / var(--tw-bg-opacity))
|
|
3538
3653
|
}
|
|
@@ -3565,7 +3680,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3565
3680
|
--tw-bg-opacity: 1;
|
|
3566
3681
|
background-color: hsl(var(--b1) / var(--tw-bg-opacity))
|
|
3567
3682
|
}
|
|
3568
|
-
.table-zebra tbody tr:nth-child(even) th,
|
|
3683
|
+
.table-zebra tbody tr:nth-child(even) th,
|
|
3684
|
+
.table-zebra tbody tr:nth-child(even) td {
|
|
3569
3685
|
--tw-bg-opacity: 1;
|
|
3570
3686
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity))
|
|
3571
3687
|
}
|
|
@@ -3642,7 +3758,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3642
3758
|
.textarea-error:focus {
|
|
3643
3759
|
outline: 2px solid hsl(var(--er));
|
|
3644
3760
|
}
|
|
3645
|
-
.textarea-disabled,
|
|
3761
|
+
.textarea-disabled,
|
|
3762
|
+
.textarea[disabled] {
|
|
3646
3763
|
cursor: not-allowed;
|
|
3647
3764
|
--tw-border-opacity: 1;
|
|
3648
3765
|
border-color: hsl(var(--b2, var(--b1)) / var(--tw-border-opacity));
|
|
@@ -3650,7 +3767,8 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3650
3767
|
background-color: hsl(var(--b2, var(--b1)) / var(--tw-bg-opacity));
|
|
3651
3768
|
--tw-text-opacity: 0.2;
|
|
3652
3769
|
}
|
|
3653
|
-
.textarea-disabled::placeholder,
|
|
3770
|
+
.textarea-disabled::placeholder,
|
|
3771
|
+
.textarea[disabled]::placeholder {
|
|
3654
3772
|
color: hsl(var(--bc) / var(--tw-placeholder-opacity));
|
|
3655
3773
|
--tw-placeholder-opacity: 0.2;
|
|
3656
3774
|
}
|
|
@@ -3755,9 +3873,12 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3755
3873
|
--tooltip-text-color: hsl(var(--nc));
|
|
3756
3874
|
--tooltip-tail-offset: calc(100% + 1px - var(--tooltip-tail));
|
|
3757
3875
|
}
|
|
3758
|
-
.tooltip:before,
|
|
3876
|
+
.tooltip:before,
|
|
3877
|
+
.tooltip:after {
|
|
3759
3878
|
opacity: 0;
|
|
3879
|
+
transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
3760
3880
|
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
|
|
3881
|
+
transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
|
|
3761
3882
|
transition-delay: 100ms;
|
|
3762
3883
|
transition-duration: 200ms;
|
|
3763
3884
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
@@ -3778,7 +3899,10 @@ body[dir="rtl"] .checkbox:checked,
|
|
|
3778
3899
|
color: var(--tooltip-text-color);
|
|
3779
3900
|
width: max-content;
|
|
3780
3901
|
}
|
|
3781
|
-
.tooltip.tooltip-open:before,
|
|
3902
|
+
.tooltip.tooltip-open:before,
|
|
3903
|
+
.tooltip.tooltip-open:after,
|
|
3904
|
+
.tooltip:hover:before,
|
|
3905
|
+
.tooltip:hover:after {
|
|
3782
3906
|
opacity: 1;
|
|
3783
3907
|
transition-delay: 75ms;
|
|
3784
3908
|
}
|