daisyui 5.0.0-alpha.21 → 5.0.0-alpha.22
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/base/properties.css +49 -1
- package/base/rootcolor.css +43 -1
- package/base/scrollbar.css +37 -1
- package/colors/properties.css +500 -1
- package/colors/responsive.css +2510 -1
- package/colors/states.css +1840 -1
- package/components/alert/object.js +1 -1
- package/components/alert.css +433 -1
- package/components/avatar/object.js +1 -1
- package/components/avatar.css +385 -1
- package/components/badge/object.js +1 -1
- package/components/badge.css +589 -1
- package/components/button/object.js +1 -1
- package/components/button.css +1795 -1
- package/components/card/object.js +1 -1
- package/components/card.css +955 -1
- package/components/chat/object.js +1 -1
- package/components/chat.css +775 -1
- package/components/checkbox/object.js +1 -1
- package/components/checkbox.css +853 -1
- package/components/collapse.css +1039 -1
- package/components/countdown.css +121 -1
- package/components/divider/object.js +1 -1
- package/components/divider.css +643 -1
- package/components/dropdown/object.js +1 -1
- package/components/dropdown.css +1123 -1
- package/components/footer/object.js +1 -1
- package/components/footer.css +265 -1
- package/components/hero.css +181 -1
- package/components/input/class.json +1 -1
- package/components/input/object.js +1 -1
- package/components/input.css +1147 -1
- package/components/kbd/object.js +1 -1
- package/components/kbd.css +295 -1
- package/components/link.css +427 -1
- package/components/loading.css +271 -1
- package/components/mask.css +499 -1
- package/components/menu/object.js +1 -1
- package/components/menu.css +1411 -1
- package/components/navbar.css +151 -1
- package/components/progress.css +967 -1
- package/components/radialprogress.css +223 -1
- package/components/radio/object.js +1 -1
- package/components/radio.css +601 -1
- package/components/range/object.js +1 -1
- package/components/range.css +973 -1
- package/components/rating/object.js +1 -1
- package/components/rating.css +613 -1
- package/components/select/class.json +1 -1
- package/components/select/object.js +1 -1
- package/components/select.css +925 -1
- package/components/skeleton/object.js +1 -1
- package/components/skeleton.css +145 -1
- package/components/stack.css +157 -1
- package/components/status.css +385 -1
- package/components/steps/object.js +1 -1
- package/components/steps.css +853 -1
- package/components/swap/object.js +1 -1
- package/components/swap.css +553 -1
- package/components/tab/class.json +4 -4
- package/components/tab/object.js +1 -1
- package/components/tab.css +1333 -1
- package/components/table/object.js +1 -1
- package/components/table.css +781 -1
- package/components/timeline/object.js +1 -1
- package/components/timeline.css +1735 -1
- package/components/toggle/object.js +1 -1
- package/components/toggle.css +811 -1
- package/components/tooltip/object.js +1 -1
- package/components/tooltip.css +823 -1
- package/full.css +1 -1
- package/index.js +1 -1
- package/package.json +79 -78
- package/themes.css +1 -1
- package/utilities/join.css +757 -1
package/components/mask.css
CHANGED
|
@@ -1 +1,499 @@
|
|
|
1
|
-
|
|
1
|
+
.mask {
|
|
2
|
+
display: inline-block;
|
|
3
|
+
vertical-align: middle;
|
|
4
|
+
mask-size: contain;
|
|
5
|
+
mask-repeat: no-repeat;
|
|
6
|
+
mask-position: center;
|
|
7
|
+
}
|
|
8
|
+
.mask-half-1 {
|
|
9
|
+
mask-size: 200%;
|
|
10
|
+
mask-position: left;
|
|
11
|
+
mask-position: left;
|
|
12
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
13
|
+
mask-position: right;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
.mask-half-2 {
|
|
17
|
+
mask-size: 200%;
|
|
18
|
+
mask-position: right;
|
|
19
|
+
mask-position: right;
|
|
20
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
21
|
+
mask-position: left;
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
.mask-squircle {
|
|
25
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
|
|
26
|
+
}
|
|
27
|
+
.mask-decagon {
|
|
28
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
29
|
+
}
|
|
30
|
+
.mask-diamond {
|
|
31
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
32
|
+
}
|
|
33
|
+
.mask-heart {
|
|
34
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
35
|
+
}
|
|
36
|
+
.mask-hexagon {
|
|
37
|
+
mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
38
|
+
}
|
|
39
|
+
.mask-hexagon-2 {
|
|
40
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
41
|
+
}
|
|
42
|
+
.mask-circle {
|
|
43
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
44
|
+
}
|
|
45
|
+
.mask-parallelogram {
|
|
46
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
47
|
+
}
|
|
48
|
+
.mask-parallelogram-2 {
|
|
49
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
50
|
+
}
|
|
51
|
+
.mask-parallelogram-3 {
|
|
52
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
53
|
+
}
|
|
54
|
+
.mask-parallelogram-4 {
|
|
55
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
56
|
+
}
|
|
57
|
+
.mask-pentagon {
|
|
58
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
59
|
+
}
|
|
60
|
+
.mask-square {
|
|
61
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
62
|
+
}
|
|
63
|
+
.mask-star {
|
|
64
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
65
|
+
}
|
|
66
|
+
.mask-star-2 {
|
|
67
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
68
|
+
}
|
|
69
|
+
.mask-triangle {
|
|
70
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
71
|
+
}
|
|
72
|
+
.mask-triangle-2 {
|
|
73
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
74
|
+
}
|
|
75
|
+
.mask-triangle-3 {
|
|
76
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
77
|
+
}
|
|
78
|
+
.mask-triangle-4 {
|
|
79
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
80
|
+
}
|
|
81
|
+
@media (min-width: 640px) {
|
|
82
|
+
.sm\:mask {
|
|
83
|
+
display: inline-block;
|
|
84
|
+
vertical-align: middle;
|
|
85
|
+
mask-size: contain;
|
|
86
|
+
mask-repeat: no-repeat;
|
|
87
|
+
mask-position: center;
|
|
88
|
+
}
|
|
89
|
+
.sm\:mask-half-1 {
|
|
90
|
+
mask-size: 200%;
|
|
91
|
+
mask-position: left;
|
|
92
|
+
mask-position: left;
|
|
93
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
94
|
+
mask-position: right;
|
|
95
|
+
}
|
|
96
|
+
}
|
|
97
|
+
.sm\:mask-half-2 {
|
|
98
|
+
mask-size: 200%;
|
|
99
|
+
mask-position: right;
|
|
100
|
+
mask-position: right;
|
|
101
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
102
|
+
mask-position: left;
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
.sm\:mask-squircle {
|
|
106
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
|
|
107
|
+
}
|
|
108
|
+
.sm\:mask-decagon {
|
|
109
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
110
|
+
}
|
|
111
|
+
.sm\:mask-diamond {
|
|
112
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
113
|
+
}
|
|
114
|
+
.sm\:mask-heart {
|
|
115
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
116
|
+
}
|
|
117
|
+
.sm\:mask-hexagon {
|
|
118
|
+
mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
119
|
+
}
|
|
120
|
+
.sm\:mask-hexagon-2 {
|
|
121
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
122
|
+
}
|
|
123
|
+
.sm\:mask-circle {
|
|
124
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
125
|
+
}
|
|
126
|
+
.sm\:mask-parallelogram {
|
|
127
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
128
|
+
}
|
|
129
|
+
.sm\:mask-parallelogram-2 {
|
|
130
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
131
|
+
}
|
|
132
|
+
.sm\:mask-parallelogram-3 {
|
|
133
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
134
|
+
}
|
|
135
|
+
.sm\:mask-parallelogram-4 {
|
|
136
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
137
|
+
}
|
|
138
|
+
.sm\:mask-pentagon {
|
|
139
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
140
|
+
}
|
|
141
|
+
.sm\:mask-square {
|
|
142
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
143
|
+
}
|
|
144
|
+
.sm\:mask-star {
|
|
145
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
146
|
+
}
|
|
147
|
+
.sm\:mask-star-2 {
|
|
148
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
149
|
+
}
|
|
150
|
+
.sm\:mask-triangle {
|
|
151
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
152
|
+
}
|
|
153
|
+
.sm\:mask-triangle-2 {
|
|
154
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
155
|
+
}
|
|
156
|
+
.sm\:mask-triangle-3 {
|
|
157
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
158
|
+
}
|
|
159
|
+
.sm\:mask-triangle-4 {
|
|
160
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
161
|
+
}
|
|
162
|
+
}
|
|
163
|
+
|
|
164
|
+
|
|
165
|
+
@media (min-width: 768px) {
|
|
166
|
+
.md\:mask {
|
|
167
|
+
display: inline-block;
|
|
168
|
+
vertical-align: middle;
|
|
169
|
+
mask-size: contain;
|
|
170
|
+
mask-repeat: no-repeat;
|
|
171
|
+
mask-position: center;
|
|
172
|
+
}
|
|
173
|
+
.md\:mask-half-1 {
|
|
174
|
+
mask-size: 200%;
|
|
175
|
+
mask-position: left;
|
|
176
|
+
mask-position: left;
|
|
177
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
178
|
+
mask-position: right;
|
|
179
|
+
}
|
|
180
|
+
}
|
|
181
|
+
.md\:mask-half-2 {
|
|
182
|
+
mask-size: 200%;
|
|
183
|
+
mask-position: right;
|
|
184
|
+
mask-position: right;
|
|
185
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
186
|
+
mask-position: left;
|
|
187
|
+
}
|
|
188
|
+
}
|
|
189
|
+
.md\:mask-squircle {
|
|
190
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
|
|
191
|
+
}
|
|
192
|
+
.md\:mask-decagon {
|
|
193
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
194
|
+
}
|
|
195
|
+
.md\:mask-diamond {
|
|
196
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
197
|
+
}
|
|
198
|
+
.md\:mask-heart {
|
|
199
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
200
|
+
}
|
|
201
|
+
.md\:mask-hexagon {
|
|
202
|
+
mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
203
|
+
}
|
|
204
|
+
.md\:mask-hexagon-2 {
|
|
205
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
206
|
+
}
|
|
207
|
+
.md\:mask-circle {
|
|
208
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
209
|
+
}
|
|
210
|
+
.md\:mask-parallelogram {
|
|
211
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
212
|
+
}
|
|
213
|
+
.md\:mask-parallelogram-2 {
|
|
214
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
215
|
+
}
|
|
216
|
+
.md\:mask-parallelogram-3 {
|
|
217
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
218
|
+
}
|
|
219
|
+
.md\:mask-parallelogram-4 {
|
|
220
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
221
|
+
}
|
|
222
|
+
.md\:mask-pentagon {
|
|
223
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
224
|
+
}
|
|
225
|
+
.md\:mask-square {
|
|
226
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
227
|
+
}
|
|
228
|
+
.md\:mask-star {
|
|
229
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
230
|
+
}
|
|
231
|
+
.md\:mask-star-2 {
|
|
232
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
233
|
+
}
|
|
234
|
+
.md\:mask-triangle {
|
|
235
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
236
|
+
}
|
|
237
|
+
.md\:mask-triangle-2 {
|
|
238
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
239
|
+
}
|
|
240
|
+
.md\:mask-triangle-3 {
|
|
241
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
242
|
+
}
|
|
243
|
+
.md\:mask-triangle-4 {
|
|
244
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
245
|
+
}
|
|
246
|
+
}
|
|
247
|
+
|
|
248
|
+
|
|
249
|
+
@media (min-width: 1024px) {
|
|
250
|
+
.lg\:mask {
|
|
251
|
+
display: inline-block;
|
|
252
|
+
vertical-align: middle;
|
|
253
|
+
mask-size: contain;
|
|
254
|
+
mask-repeat: no-repeat;
|
|
255
|
+
mask-position: center;
|
|
256
|
+
}
|
|
257
|
+
.lg\:mask-half-1 {
|
|
258
|
+
mask-size: 200%;
|
|
259
|
+
mask-position: left;
|
|
260
|
+
mask-position: left;
|
|
261
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
262
|
+
mask-position: right;
|
|
263
|
+
}
|
|
264
|
+
}
|
|
265
|
+
.lg\:mask-half-2 {
|
|
266
|
+
mask-size: 200%;
|
|
267
|
+
mask-position: right;
|
|
268
|
+
mask-position: right;
|
|
269
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
270
|
+
mask-position: left;
|
|
271
|
+
}
|
|
272
|
+
}
|
|
273
|
+
.lg\:mask-squircle {
|
|
274
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
|
|
275
|
+
}
|
|
276
|
+
.lg\:mask-decagon {
|
|
277
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
278
|
+
}
|
|
279
|
+
.lg\:mask-diamond {
|
|
280
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
281
|
+
}
|
|
282
|
+
.lg\:mask-heart {
|
|
283
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
284
|
+
}
|
|
285
|
+
.lg\:mask-hexagon {
|
|
286
|
+
mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
287
|
+
}
|
|
288
|
+
.lg\:mask-hexagon-2 {
|
|
289
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
290
|
+
}
|
|
291
|
+
.lg\:mask-circle {
|
|
292
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
293
|
+
}
|
|
294
|
+
.lg\:mask-parallelogram {
|
|
295
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
296
|
+
}
|
|
297
|
+
.lg\:mask-parallelogram-2 {
|
|
298
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
299
|
+
}
|
|
300
|
+
.lg\:mask-parallelogram-3 {
|
|
301
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
302
|
+
}
|
|
303
|
+
.lg\:mask-parallelogram-4 {
|
|
304
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
305
|
+
}
|
|
306
|
+
.lg\:mask-pentagon {
|
|
307
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
308
|
+
}
|
|
309
|
+
.lg\:mask-square {
|
|
310
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
311
|
+
}
|
|
312
|
+
.lg\:mask-star {
|
|
313
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
314
|
+
}
|
|
315
|
+
.lg\:mask-star-2 {
|
|
316
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
317
|
+
}
|
|
318
|
+
.lg\:mask-triangle {
|
|
319
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
320
|
+
}
|
|
321
|
+
.lg\:mask-triangle-2 {
|
|
322
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
323
|
+
}
|
|
324
|
+
.lg\:mask-triangle-3 {
|
|
325
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
326
|
+
}
|
|
327
|
+
.lg\:mask-triangle-4 {
|
|
328
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
|
|
332
|
+
|
|
333
|
+
@media (min-width: 1280px) {
|
|
334
|
+
.xl\:mask {
|
|
335
|
+
display: inline-block;
|
|
336
|
+
vertical-align: middle;
|
|
337
|
+
mask-size: contain;
|
|
338
|
+
mask-repeat: no-repeat;
|
|
339
|
+
mask-position: center;
|
|
340
|
+
}
|
|
341
|
+
.xl\:mask-half-1 {
|
|
342
|
+
mask-size: 200%;
|
|
343
|
+
mask-position: left;
|
|
344
|
+
mask-position: left;
|
|
345
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
346
|
+
mask-position: right;
|
|
347
|
+
}
|
|
348
|
+
}
|
|
349
|
+
.xl\:mask-half-2 {
|
|
350
|
+
mask-size: 200%;
|
|
351
|
+
mask-position: right;
|
|
352
|
+
mask-position: right;
|
|
353
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
354
|
+
mask-position: left;
|
|
355
|
+
}
|
|
356
|
+
}
|
|
357
|
+
.xl\:mask-squircle {
|
|
358
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
|
|
359
|
+
}
|
|
360
|
+
.xl\:mask-decagon {
|
|
361
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
362
|
+
}
|
|
363
|
+
.xl\:mask-diamond {
|
|
364
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
365
|
+
}
|
|
366
|
+
.xl\:mask-heart {
|
|
367
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
368
|
+
}
|
|
369
|
+
.xl\:mask-hexagon {
|
|
370
|
+
mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
371
|
+
}
|
|
372
|
+
.xl\:mask-hexagon-2 {
|
|
373
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
374
|
+
}
|
|
375
|
+
.xl\:mask-circle {
|
|
376
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
377
|
+
}
|
|
378
|
+
.xl\:mask-parallelogram {
|
|
379
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
380
|
+
}
|
|
381
|
+
.xl\:mask-parallelogram-2 {
|
|
382
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
383
|
+
}
|
|
384
|
+
.xl\:mask-parallelogram-3 {
|
|
385
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
386
|
+
}
|
|
387
|
+
.xl\:mask-parallelogram-4 {
|
|
388
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
389
|
+
}
|
|
390
|
+
.xl\:mask-pentagon {
|
|
391
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
392
|
+
}
|
|
393
|
+
.xl\:mask-square {
|
|
394
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
395
|
+
}
|
|
396
|
+
.xl\:mask-star {
|
|
397
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
398
|
+
}
|
|
399
|
+
.xl\:mask-star-2 {
|
|
400
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
401
|
+
}
|
|
402
|
+
.xl\:mask-triangle {
|
|
403
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
404
|
+
}
|
|
405
|
+
.xl\:mask-triangle-2 {
|
|
406
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
407
|
+
}
|
|
408
|
+
.xl\:mask-triangle-3 {
|
|
409
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
410
|
+
}
|
|
411
|
+
.xl\:mask-triangle-4 {
|
|
412
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
413
|
+
}
|
|
414
|
+
}
|
|
415
|
+
|
|
416
|
+
|
|
417
|
+
@media (min-width: 1536px) {
|
|
418
|
+
.\32xl\:mask {
|
|
419
|
+
display: inline-block;
|
|
420
|
+
vertical-align: middle;
|
|
421
|
+
mask-size: contain;
|
|
422
|
+
mask-repeat: no-repeat;
|
|
423
|
+
mask-position: center;
|
|
424
|
+
}
|
|
425
|
+
.\32xl\:mask-half-1 {
|
|
426
|
+
mask-size: 200%;
|
|
427
|
+
mask-position: left;
|
|
428
|
+
mask-position: left;
|
|
429
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
430
|
+
mask-position: right;
|
|
431
|
+
}
|
|
432
|
+
}
|
|
433
|
+
.\32xl\:mask-half-2 {
|
|
434
|
+
mask-size: 200%;
|
|
435
|
+
mask-position: right;
|
|
436
|
+
mask-position: right;
|
|
437
|
+
&:where(:dir(rtl), [dir="rtl"], [dir="rtl"] *) {
|
|
438
|
+
mask-position: left;
|
|
439
|
+
}
|
|
440
|
+
}
|
|
441
|
+
.\32xl\:mask-squircle {
|
|
442
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 0C20 0 0 20 0 100s20 100 100 100 100-20 100-100S180 0 100 0Z'/%3e%3c/svg%3e");
|
|
443
|
+
}
|
|
444
|
+
.\32xl\:mask-decagon {
|
|
445
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 58.779 19.098 36.327 50v61.804l-36.327 50L96 200l-58.779-19.098-36.327-50V69.098l36.327-50z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
446
|
+
}
|
|
447
|
+
.\32xl\:mask-diamond {
|
|
448
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m100 0 100 100-100 100L0 100z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
449
|
+
}
|
|
450
|
+
.\32xl\:mask-heart {
|
|
451
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='185' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M100 184.606a15.384 15.384 0 0 1-8.653-2.678C53.565 156.28 37.205 138.695 28.182 127.7 8.952 104.264-.254 80.202.005 54.146.308 24.287 24.264 0 53.406 0c21.192 0 35.869 11.937 44.416 21.879a2.884 2.884 0 0 0 4.356 0C110.725 11.927 125.402 0 146.594 0c29.142 0 53.098 24.287 53.4 54.151.26 26.061-8.956 50.122-28.176 73.554-9.023 10.994-25.383 28.58-63.165 54.228a15.384 15.384 0 0 1-8.653 2.673Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
452
|
+
}
|
|
453
|
+
.\32xl\:mask-hexagon {
|
|
454
|
+
mask-image: url("data:image/svg+xml,%3csvg width='182' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M.3 65.486c0-9.196 6.687-20.063 14.211-25.078l61.86-35.946c8.36-5.016 20.899-5.016 29.258 0l61.86 35.946c8.36 5.015 14.211 15.882 14.211 25.078v71.055c0 9.196-6.687 20.063-14.211 25.079l-61.86 35.945c-8.36 4.18-20.899 4.18-29.258 0L14.51 161.62C6.151 157.44.3 145.737.3 136.54V65.486Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
455
|
+
}
|
|
456
|
+
.\32xl\:mask-hexagon-2 {
|
|
457
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='182' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M64.786 181.4c-9.196 0-20.063-6.687-25.079-14.21L3.762 105.33c-5.016-8.36-5.016-20.9 0-29.259l35.945-61.86C44.723 5.851 55.59 0 64.786 0h71.055c9.196 0 20.063 6.688 25.079 14.211l35.945 61.86c4.18 8.36 4.18 20.899 0 29.258l-35.945 61.86c-4.18 8.36-15.883 14.211-25.079 14.211H64.786Z' fill='black' fill-rule='nonzero'/%3e%3c/svg%3e");
|
|
458
|
+
}
|
|
459
|
+
.\32xl\:mask-circle {
|
|
460
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle fill='black' cx='100' cy='100' r='100' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
461
|
+
}
|
|
462
|
+
.\32xl\:mask-parallelogram {
|
|
463
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M46.154 0H200l-46.154 153.846H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
464
|
+
}
|
|
465
|
+
.\32xl\:mask-parallelogram-2 {
|
|
466
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='154' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.846 0H0l46.154 153.846H200z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
467
|
+
}
|
|
468
|
+
.\32xl\:mask-parallelogram-3 {
|
|
469
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.077 47.077v153.846l153.846-46.154V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
470
|
+
}
|
|
471
|
+
.\32xl\:mask-parallelogram-4 {
|
|
472
|
+
mask-image: url("data:image/svg+xml,%3csvg width='154' height='201' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M153.923 47.077v153.846L.077 154.77V.923z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
473
|
+
}
|
|
474
|
+
.\32xl\:mask-pentagon {
|
|
475
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='181' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 0 95.106 69.098-36.327 111.804H37.22L.894 69.098z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
476
|
+
}
|
|
477
|
+
.\32xl\:mask-square {
|
|
478
|
+
mask-image: url("data:image/svg+xml,%3csvg width='200' height='200' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M0 0h200v200H0z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
479
|
+
}
|
|
480
|
+
.\32xl\:mask-star {
|
|
481
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 137.263-58.779 42.024 22.163-68.389L.894 68.481l72.476-.243L96 0l22.63 68.238 72.476.243-58.49 42.417 22.163 68.389z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
482
|
+
}
|
|
483
|
+
.\32xl\:mask-star-2 {
|
|
484
|
+
mask-image: url("data:image/svg+xml,%3csvg width='192' height='180' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m96 153.044-58.779 26.243 7.02-63.513L.894 68.481l63.117-13.01L96 0l31.989 55.472 63.117 13.01-43.347 47.292 7.02 63.513z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
485
|
+
}
|
|
486
|
+
.\32xl\:mask-triangle {
|
|
487
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='149' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 148.476-86.603.185L43.86 74.423 87 0l43.14 74.423 43.463 74.238z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
488
|
+
}
|
|
489
|
+
.\32xl\:mask-triangle-2 {
|
|
490
|
+
mask-image: url("data:image/svg+xml,%3csvg width='174' height='150' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m87 .738 86.603-.184-43.463 74.238L87 149.214 43.86 74.792.397.554z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
491
|
+
}
|
|
492
|
+
.\32xl\:mask-triangle-3 {
|
|
493
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m149.369 87.107.185 86.603-74.239-43.463L.893 87.107l74.422-43.14L149.554.505z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
494
|
+
}
|
|
495
|
+
.\32xl\:mask-triangle-4 {
|
|
496
|
+
mask-image: url("data:image/svg+xml,%3csvg width='150' height='174' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='M.631 87.107.446.505l74.239 43.462 74.422 43.14-74.422 43.14L.446 173.71z' fill-rule='evenodd'/%3e%3c/svg%3e");
|
|
497
|
+
}
|
|
498
|
+
}
|
|
499
|
+
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default {".menu":{"@apply flex flex-col flex-wrap
|
|
1
|
+
export default {".menu":{"@apply flex flex-col flex-wrap p-2 w-fit":{},"fontSize":"0.875rem","lineHeight":"1.25rem",":where(li ul)":{"@apply relative whitespace-nowrap ms-4 ps-2":{},"&:before":{"@apply bg-base-content absolute bottom-3 start-0 top-3 w-px opacity-10":{},"content":"\"\""}},":where(li > .menu-dropdown:not(.menu-dropdown-show))":{"@apply hidden":{}},":where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-4 py-2 text-start grid grid-flow-col content-start items-center gap-2":{},"transitionProperty":"color, background-color, box-shadow","transitionDuration":".2s","transitionTimingFunction":"cubic-bezier(0, 0, 0.2, 1)","gridAutoColumns":"minmax(auto, max-content) auto max-content","textWrap":"balance","userSelect":"none"},":where(li > details > summary)":{"@apply outline-none":{},"&::-webkit-details-marker":{"@apply hidden":{}}},":where(li > details > summary),\n :where(li > .menu-dropdown-toggle)":{"&:after":{"@apply justify-self-end":{},"display":"block","height":"0.375rem","width":"0.375rem","rotate":"-135deg","translate":"0 -1px","transitionProperty":"rotate, translate","transitionDuration":"0.2s","content":"\"\"","transformOrigin":"50% 50%","boxShadow":"2px 2px inset","pointerEvents":"none"}},":where(li > details[open] > summary):after,\n :where(li > .menu-dropdown-toggle.menu-dropdown-show):after":{"rotate":"45deg","translate":"0 1px"},":where(li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title, .disabled) > details > summary:not(.menu-title))":{"&:not(.menu-active, :active, .btn)":{"&.menu-focus,\n &:focus-visible":{"@apply bg-base-content/10 text-base-content cursor-pointer outline-none":{}},"&:hover":{"@apply cursor-pointer outline-none bg-base-content/10":{},"boxShadow":"0 1px oklch(0% 0 0 / 0.01) inset, 0 -1px oklch(100% 0 0 / 0.01) inset"}}},":where(li:empty)":{"@apply bg-base-content opacity-10":{},"margin":"0.5rem 1rem","height":"1px"},":where(li)":{"@apply relative flex shrink-0 flex-col flex-wrap items-stretch":{},".badge":{"@apply justify-self-end":{}},"&>*:not(ul, .menu-title, details, .btn):active,\n &>*:not(ul, .menu-title, details, .btn).menu-active,\n &>details>summary:active":{"@apply bg-neutral text-neutral-content bg-neutral text-neutral-content outline-none":{},"boxShadow":"0 2px 3px -2px var(--color-neutral)"},"&.menu-disabled":{"@apply text-base-content/20 pointer-events-none":{}}}},".menu-title":{"@apply text-base-content/40 px-4 py-2":{},"fontSize":"0.875rem","lineHeight":"1.25rem","fontWeight":700},".menu-horizontal":{"@apply inline-flex flex-row":{},"&>li:not(.menu-title)>details>ul":{"@apply absolute ms-0 mt-4 py-2 pe-2":{}},"&>li>details>ul":{"&:before":{"content":"none"}},":where(&>li:not(.menu-title)>details>ul)":{"@apply bg-base-100 rounded-box":{},"boxShadow":"0 1px 3px 0 oklch(0% 0 0/.1), 0 1px 2px -1px oklch(0% 0 0/.1)"}},".menu-vertical":{"@apply inline-flex flex-col":{},"&>li:not(.menu-title)>details>ul":{"@apply relative ms-4 mt-0 py-0 pe-0":{}}},".menu-xs":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded px-2 py-1":{},"fontSize":"0.75rem","lineHeight":"1rem"},".menu-title":{"@apply px-2 py-1":{}}},".menu-sm":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-3 py-1":{},"fontSize":"0.875rem","lineHeight":"1.25rem"},".menu-title":{"@apply px-3 py-2":{}}},".menu-md":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-4 py-2":{},"fontSize":"0.875","lineHeight":"1.25rem"},".menu-title":{"@apply px-4 py-2":{}}},".menu-lg":{":where(li:not(.menu-title) > *:not(ul, details, .menu-title)),\n :where(li:not(.menu-title) > details > summary:not(.menu-title))":{"@apply rounded-btn px-6 py-3":{},"fontSize":"1.125rem","lineHeight":"1.75rem"},".menu-title":{"@apply px-6 py-3":{}}}};
|