daisyui 2.40.1 → 2.42.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 +2 -2
- package/dist/full.css +1 -1
- package/dist/styled.css +242 -71
- package/dist/styled.js +1 -1
- package/dist/styled.rtl.js +1 -1
- package/dist/unstyled.css +89 -0
- package/dist/unstyled.js +1 -1
- package/dist/unstyled.rtl.js +1 -1
- package/package.json +4 -1
package/dist/styled.css
CHANGED
|
@@ -264,6 +264,91 @@
|
|
|
264
264
|
.carousel-end .carousel-item {
|
|
265
265
|
scroll-snap-align: end;
|
|
266
266
|
}
|
|
267
|
+
.chat {
|
|
268
|
+
display: grid;
|
|
269
|
+
grid-template-columns: repeat(2, minmax(0, 1fr));
|
|
270
|
+
column-gap: 0.75rem;
|
|
271
|
+
padding-top: 0.25rem;
|
|
272
|
+
padding-bottom: 0.25rem;
|
|
273
|
+
}
|
|
274
|
+
.chat-image {
|
|
275
|
+
grid-row: span 2 / span 2;
|
|
276
|
+
align-self: flex-end;
|
|
277
|
+
}
|
|
278
|
+
.chat-header {
|
|
279
|
+
grid-row-start: 1;
|
|
280
|
+
font-size: 0.875rem;
|
|
281
|
+
line-height: 1.25rem;
|
|
282
|
+
}
|
|
283
|
+
.chat-footer {
|
|
284
|
+
grid-row-start: 3;
|
|
285
|
+
font-size: 0.875rem;
|
|
286
|
+
line-height: 1.25rem;
|
|
287
|
+
}
|
|
288
|
+
.chat-bubble {
|
|
289
|
+
position: relative;
|
|
290
|
+
display: block;
|
|
291
|
+
width: fit-content;
|
|
292
|
+
padding-left: 1rem;
|
|
293
|
+
padding-right: 1rem;
|
|
294
|
+
padding-top: 0.5rem;
|
|
295
|
+
padding-bottom: 0.5rem;
|
|
296
|
+
max-width: 90%;
|
|
297
|
+
}
|
|
298
|
+
.chat-bubble:before {
|
|
299
|
+
position: absolute;
|
|
300
|
+
bottom: 0px;
|
|
301
|
+
height: 0.75rem;
|
|
302
|
+
width: 0.75rem;
|
|
303
|
+
background-color: inherit;
|
|
304
|
+
content: "";
|
|
305
|
+
-webkit-mask-size: contain;
|
|
306
|
+
mask-size: contain;
|
|
307
|
+
-webkit-mask-repeat: no-repeat;
|
|
308
|
+
mask-repeat: no-repeat;
|
|
309
|
+
-webkit-mask-position: center;
|
|
310
|
+
mask-position: center;
|
|
311
|
+
}
|
|
312
|
+
.chat-start {
|
|
313
|
+
place-items: start;
|
|
314
|
+
grid-template-columns: auto 1fr;
|
|
315
|
+
}
|
|
316
|
+
.chat-start .chat-header {
|
|
317
|
+
grid-column-start: 2;
|
|
318
|
+
}
|
|
319
|
+
.chat-start .chat-footer {
|
|
320
|
+
grid-column-start: 2;
|
|
321
|
+
}
|
|
322
|
+
.chat-start .chat-image {
|
|
323
|
+
grid-column-start: 1;
|
|
324
|
+
}
|
|
325
|
+
.chat-start .chat-bubble {
|
|
326
|
+
grid-column-start: 2;
|
|
327
|
+
}
|
|
328
|
+
.chat-start .chat-bubble:before {
|
|
329
|
+
-webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
|
|
330
|
+
mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 3 3 L 3 0 C 3 1 1 3 0 3'/%3e%3c/svg%3e");
|
|
331
|
+
}
|
|
332
|
+
.chat-end {
|
|
333
|
+
place-items: end;
|
|
334
|
+
grid-template-columns: 1fr auto;
|
|
335
|
+
}
|
|
336
|
+
.chat-end .chat-header {
|
|
337
|
+
grid-column-start: 1;
|
|
338
|
+
}
|
|
339
|
+
.chat-end .chat-footer {
|
|
340
|
+
grid-column-start: 1;
|
|
341
|
+
}
|
|
342
|
+
.chat-end .chat-image {
|
|
343
|
+
grid-column-start: 2;
|
|
344
|
+
}
|
|
345
|
+
.chat-end .chat-bubble {
|
|
346
|
+
grid-column-start: 1;
|
|
347
|
+
}
|
|
348
|
+
.chat-end .chat-bubble:before {
|
|
349
|
+
-webkit-mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
|
|
350
|
+
mask-image: url("data:image/svg+xml,%3csvg width='3' height='3' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill='black' d='m 0 3 L 1 3 L 3 3 C 2 3 0 1 0 0'/%3e%3c/svg%3e");
|
|
351
|
+
}
|
|
267
352
|
.checkbox {
|
|
268
353
|
flex-shrink: 0
|
|
269
354
|
}
|
|
@@ -421,7 +506,11 @@
|
|
|
421
506
|
}
|
|
422
507
|
.drawer-toggle:checked ~ .drawer-side {
|
|
423
508
|
|
|
509
|
+
isolation: isolate;
|
|
510
|
+
|
|
424
511
|
overflow-y: auto;
|
|
512
|
+
|
|
513
|
+
overflow-x: hidden;
|
|
425
514
|
}
|
|
426
515
|
.drawer-toggle:checked ~ .drawer-side > .drawer-overlay {
|
|
427
516
|
|
|
@@ -1532,6 +1621,9 @@
|
|
|
1532
1621
|
}
|
|
1533
1622
|
.btm-nav>* {
|
|
1534
1623
|
border-color: currentColor
|
|
1624
|
+
}
|
|
1625
|
+
.btm-nav>*:not(.active) {
|
|
1626
|
+
padding-top: 0.125rem
|
|
1535
1627
|
}
|
|
1536
1628
|
/* active */
|
|
1537
1629
|
.btm-nav>*:where(.active) {
|
|
@@ -2019,6 +2111,85 @@
|
|
|
2019
2111
|
.carousel::-webkit-scrollbar {
|
|
2020
2112
|
display: none;
|
|
2021
2113
|
}
|
|
2114
|
+
.chat-bubble {
|
|
2115
|
+
border-radius: var(--rounded-box, 1rem);
|
|
2116
|
+
min-height: 2.75rem;
|
|
2117
|
+
min-width: 2.75rem;
|
|
2118
|
+
}
|
|
2119
|
+
|
|
2120
|
+
/* default */
|
|
2121
|
+
|
|
2122
|
+
.chat-bubble {
|
|
2123
|
+
--tw-bg-opacity: 1;
|
|
2124
|
+
background-color: hsl(var(--n) / var(--tw-bg-opacity));
|
|
2125
|
+
--tw-text-opacity: 1;
|
|
2126
|
+
color: hsl(var(--nc) / var(--tw-text-opacity));
|
|
2127
|
+
}
|
|
2128
|
+
|
|
2129
|
+
/* brand colors */
|
|
2130
|
+
|
|
2131
|
+
.chat-bubble-primary {
|
|
2132
|
+
--tw-bg-opacity: 1;
|
|
2133
|
+
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
2134
|
+
--tw-text-opacity: 1;
|
|
2135
|
+
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
2136
|
+
}
|
|
2137
|
+
|
|
2138
|
+
.chat-bubble-secondary {
|
|
2139
|
+
--tw-bg-opacity: 1;
|
|
2140
|
+
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
2141
|
+
--tw-text-opacity: 1;
|
|
2142
|
+
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
2143
|
+
}
|
|
2144
|
+
|
|
2145
|
+
.chat-bubble-accent {
|
|
2146
|
+
--tw-bg-opacity: 1;
|
|
2147
|
+
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
2148
|
+
--tw-text-opacity: 1;
|
|
2149
|
+
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
2150
|
+
}
|
|
2151
|
+
|
|
2152
|
+
/* state colors */
|
|
2153
|
+
|
|
2154
|
+
.chat-bubble-info {
|
|
2155
|
+
--tw-bg-opacity: 1;
|
|
2156
|
+
background-color: hsl(var(--in) / var(--tw-bg-opacity));
|
|
2157
|
+
--tw-text-opacity: 1;
|
|
2158
|
+
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
2159
|
+
}
|
|
2160
|
+
|
|
2161
|
+
.chat-bubble-success {
|
|
2162
|
+
--tw-bg-opacity: 1;
|
|
2163
|
+
background-color: hsl(var(--su) / var(--tw-bg-opacity));
|
|
2164
|
+
--tw-text-opacity: 1;
|
|
2165
|
+
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
2166
|
+
}
|
|
2167
|
+
|
|
2168
|
+
.chat-bubble-warning {
|
|
2169
|
+
--tw-bg-opacity: 1;
|
|
2170
|
+
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
|
|
2171
|
+
--tw-text-opacity: 1;
|
|
2172
|
+
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
2173
|
+
}
|
|
2174
|
+
|
|
2175
|
+
.chat-bubble-error {
|
|
2176
|
+
--tw-bg-opacity: 1;
|
|
2177
|
+
background-color: hsl(var(--er) / var(--tw-bg-opacity));
|
|
2178
|
+
--tw-text-opacity: 1;
|
|
2179
|
+
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
2180
|
+
}
|
|
2181
|
+
.chat-start .chat-bubble {
|
|
2182
|
+
border-bottom-left-radius: 0px;
|
|
2183
|
+
}
|
|
2184
|
+
.chat-start .chat-bubble:before {
|
|
2185
|
+
left: -0.75rem;
|
|
2186
|
+
}
|
|
2187
|
+
.chat-end .chat-bubble {
|
|
2188
|
+
border-bottom-right-radius: 0px;
|
|
2189
|
+
}
|
|
2190
|
+
.chat-end .chat-bubble:before {
|
|
2191
|
+
left: 100%;
|
|
2192
|
+
}
|
|
2022
2193
|
.checkbox {
|
|
2023
2194
|
--chkbg: var(--bc);
|
|
2024
2195
|
--chkfg: var(--b1);
|
|
@@ -2932,6 +3103,8 @@
|
|
|
2932
3103
|
--tw-border-opacity: 1;
|
|
2933
3104
|
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
2934
3105
|
}
|
|
3106
|
+
.menu[class*=" px-"]:not(.menu[class*=" px-0"]) li > *,
|
|
3107
|
+
.menu[class^="px-"]:not(.menu[class^="px-0"]) li > *,
|
|
2935
3108
|
.menu[class*=" p-"]:not(.menu[class*=" p-0"]) li > *,
|
|
2936
3109
|
.menu[class^="p-"]:not(.menu[class^="p-0"]) li > * {
|
|
2937
3110
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
@@ -4303,8 +4476,10 @@
|
|
|
4303
4476
|
}
|
|
4304
4477
|
}
|
|
4305
4478
|
.toggle {
|
|
4306
|
-
--
|
|
4479
|
+
--tglbg: hsl(var(--b1));
|
|
4307
4480
|
--handleoffset: 1.5rem;
|
|
4481
|
+
--handleoffsetcalculator: calc(var(--handleoffset) * -1);
|
|
4482
|
+
--togglehandleborder: 0 0;
|
|
4308
4483
|
height: 1.5rem;
|
|
4309
4484
|
width: 3rem;
|
|
4310
4485
|
cursor: pointer;
|
|
@@ -4313,13 +4488,16 @@
|
|
|
4313
4488
|
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
4314
4489
|
--tw-border-opacity: 0.2;
|
|
4315
4490
|
background-color: hsl(var(--bc) / var(--tw-bg-opacity));
|
|
4316
|
-
--tw-bg-opacity: 0.
|
|
4491
|
+
--tw-bg-opacity: 0.5;
|
|
4317
4492
|
transition-duration: 300ms;
|
|
4318
4493
|
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
|
|
4319
4494
|
border-radius: var(--rounded-badge, 1.9rem);
|
|
4320
4495
|
transition: background, box-shadow var(--animation-input, 0.2s) ease-in-out;
|
|
4321
|
-
box-shadow:
|
|
4496
|
+
box-shadow: var(--handleoffsetcalculator) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset, var(--togglehandleborder);
|
|
4322
4497
|
}
|
|
4498
|
+
[dir="rtl"] .toggle {
|
|
4499
|
+
--handleoffsetcalculator: calc(var(--handleoffset) * 1);
|
|
4500
|
+
}
|
|
4323
4501
|
.toggle:focus-visible {
|
|
4324
4502
|
outline: 2px solid hsl(var(--bc));
|
|
4325
4503
|
outline-offset: 2px;
|
|
@@ -4327,22 +4505,20 @@
|
|
|
4327
4505
|
.toggle:checked,
|
|
4328
4506
|
.toggle[checked="true"],
|
|
4329
4507
|
.toggle[aria-checked=true] {
|
|
4330
|
-
--
|
|
4508
|
+
--handleoffsetcalculator: var(--handleoffset);
|
|
4331
4509
|
--tw-border-opacity: 1;
|
|
4332
4510
|
--tw-bg-opacity: 1;
|
|
4333
|
-
box-shadow: var(--handleoffset) 0 0 2px hsl(var(--b1)) inset, 0 0 0 2px hsl(var(--b1)) inset;
|
|
4334
4511
|
}
|
|
4335
4512
|
[dir="rtl"] .toggle:checked, [dir="rtl"] .toggle[checked="true"], [dir="rtl"] .toggle[aria-checked=true] {
|
|
4336
|
-
|
|
4513
|
+
--handleoffsetcalculator: calc(var(--handleoffset) * -1);
|
|
4337
4514
|
}
|
|
4338
4515
|
.toggle:indeterminate {
|
|
4339
|
-
|
|
4340
|
-
|
|
4341
|
-
|
|
4342
|
-
|
|
4343
|
-
}
|
|
4516
|
+
--tw-border-opacity: 1;
|
|
4517
|
+
--tw-bg-opacity: 1;
|
|
4518
|
+
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset;
|
|
4519
|
+
}
|
|
4344
4520
|
[dir="rtl"] .toggle:indeterminate {
|
|
4345
|
-
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px
|
|
4521
|
+
box-shadow: calc(var(--handleoffset) / 2) 0 0 2px var(--tglbg) inset, calc(var(--handleoffset) / -2) 0 0 2px var(--tglbg) inset, 0 0 0 2px var(--tglbg) inset;
|
|
4346
4522
|
}
|
|
4347
4523
|
.toggle-primary:focus-visible {
|
|
4348
4524
|
outline: 2px solid hsl(var(--p));
|
|
@@ -4350,103 +4526,98 @@
|
|
|
4350
4526
|
.toggle-primary:checked,
|
|
4351
4527
|
.toggle-primary[checked="true"],
|
|
4352
4528
|
.toggle-primary[aria-checked=true] {
|
|
4353
|
-
|
|
4354
|
-
|
|
4355
|
-
|
|
4356
|
-
|
|
4357
|
-
|
|
4358
|
-
|
|
4359
|
-
|
|
4360
|
-
}
|
|
4529
|
+
border-color: hsl(var(--p) / var(--tw-border-opacity));
|
|
4530
|
+
--tw-border-opacity: 0.1;
|
|
4531
|
+
--tw-bg-opacity: 1;
|
|
4532
|
+
background-color: hsl(var(--p) / var(--tw-bg-opacity));
|
|
4533
|
+
--tw-text-opacity: 1;
|
|
4534
|
+
color: hsl(var(--pc) / var(--tw-text-opacity));
|
|
4535
|
+
}
|
|
4361
4536
|
.toggle-secondary:focus-visible {
|
|
4362
4537
|
outline: 2px solid hsl(var(--s));
|
|
4363
4538
|
}
|
|
4364
4539
|
.toggle-secondary:checked,
|
|
4365
4540
|
.toggle-secondary[checked="true"],
|
|
4366
4541
|
.toggle-secondary[aria-checked=true] {
|
|
4367
|
-
|
|
4368
|
-
|
|
4369
|
-
|
|
4370
|
-
|
|
4371
|
-
|
|
4372
|
-
|
|
4373
|
-
|
|
4374
|
-
}
|
|
4542
|
+
border-color: hsl(var(--s) / var(--tw-border-opacity));
|
|
4543
|
+
--tw-border-opacity: 0.1;
|
|
4544
|
+
--tw-bg-opacity: 1;
|
|
4545
|
+
background-color: hsl(var(--s) / var(--tw-bg-opacity));
|
|
4546
|
+
--tw-text-opacity: 1;
|
|
4547
|
+
color: hsl(var(--sc) / var(--tw-text-opacity));
|
|
4548
|
+
}
|
|
4375
4549
|
.toggle-accent:focus-visible {
|
|
4376
4550
|
outline: 2px solid hsl(var(--a));
|
|
4377
4551
|
}
|
|
4378
4552
|
.toggle-accent:checked,
|
|
4379
4553
|
.toggle-accent[checked="true"],
|
|
4380
4554
|
.toggle-accent[aria-checked=true] {
|
|
4381
|
-
|
|
4382
|
-
|
|
4383
|
-
|
|
4384
|
-
|
|
4385
|
-
|
|
4386
|
-
|
|
4387
|
-
|
|
4388
|
-
}
|
|
4555
|
+
border-color: hsl(var(--a) / var(--tw-border-opacity));
|
|
4556
|
+
--tw-border-opacity: 0.1;
|
|
4557
|
+
--tw-bg-opacity: 1;
|
|
4558
|
+
background-color: hsl(var(--a) / var(--tw-bg-opacity));
|
|
4559
|
+
--tw-text-opacity: 1;
|
|
4560
|
+
color: hsl(var(--ac) / var(--tw-text-opacity));
|
|
4561
|
+
}
|
|
4389
4562
|
.toggle-success:focus-visible {
|
|
4390
4563
|
outline: 2px solid hsl(var(--su));
|
|
4391
4564
|
}
|
|
4392
4565
|
.toggle-success:checked,
|
|
4393
4566
|
.toggle-success[checked="true"],
|
|
4394
4567
|
.toggle-success[aria-checked=true] {
|
|
4395
|
-
|
|
4396
|
-
|
|
4397
|
-
|
|
4398
|
-
|
|
4399
|
-
|
|
4400
|
-
|
|
4401
|
-
|
|
4402
|
-
}
|
|
4568
|
+
border-color: hsl(var(--su) / var(--tw-border-opacity));
|
|
4569
|
+
--tw-border-opacity: 0.1;
|
|
4570
|
+
--tw-bg-opacity: 1;
|
|
4571
|
+
background-color: hsl(var(--su) / var(--tw-bg-opacity));
|
|
4572
|
+
--tw-text-opacity: 1;
|
|
4573
|
+
color: hsl(var(--suc, var(--nc)) / var(--tw-text-opacity));
|
|
4574
|
+
}
|
|
4403
4575
|
.toggle-warning:focus-visible {
|
|
4404
4576
|
outline: 2px solid hsl(var(--wa));
|
|
4405
4577
|
}
|
|
4406
4578
|
.toggle-warning:checked,
|
|
4407
4579
|
.toggle-warning[checked="true"],
|
|
4408
4580
|
.toggle-warning[aria-checked=true] {
|
|
4409
|
-
|
|
4410
|
-
|
|
4411
|
-
|
|
4412
|
-
|
|
4413
|
-
|
|
4414
|
-
|
|
4415
|
-
|
|
4416
|
-
}
|
|
4581
|
+
border-color: hsl(var(--wa) / var(--tw-border-opacity));
|
|
4582
|
+
--tw-border-opacity: 0.1;
|
|
4583
|
+
--tw-bg-opacity: 1;
|
|
4584
|
+
background-color: hsl(var(--wa) / var(--tw-bg-opacity));
|
|
4585
|
+
--tw-text-opacity: 1;
|
|
4586
|
+
color: hsl(var(--wac, var(--nc)) / var(--tw-text-opacity));
|
|
4587
|
+
}
|
|
4417
4588
|
.toggle-info:focus-visible {
|
|
4418
4589
|
outline: 2px solid hsl(var(--in));
|
|
4419
4590
|
}
|
|
4420
4591
|
.toggle-info:checked,
|
|
4421
4592
|
.toggle-info[checked="true"],
|
|
4422
4593
|
.toggle-info[aria-checked=true] {
|
|
4423
|
-
|
|
4424
|
-
|
|
4425
|
-
|
|
4426
|
-
|
|
4427
|
-
|
|
4428
|
-
|
|
4429
|
-
|
|
4430
|
-
}
|
|
4594
|
+
border-color: hsl(var(--in) / var(--tw-border-opacity));
|
|
4595
|
+
--tw-border-opacity: 0.1;
|
|
4596
|
+
--tw-bg-opacity: 1;
|
|
4597
|
+
background-color: hsl(var(--in) / var(--tw-bg-opacity));
|
|
4598
|
+
--tw-text-opacity: 1;
|
|
4599
|
+
color: hsl(var(--inc, var(--nc)) / var(--tw-text-opacity));
|
|
4600
|
+
}
|
|
4431
4601
|
.toggle-error:focus-visible {
|
|
4432
4602
|
outline: 2px solid hsl(var(--er));
|
|
4433
4603
|
}
|
|
4434
4604
|
.toggle-error:checked,
|
|
4435
4605
|
.toggle-error[checked="true"],
|
|
4436
4606
|
.toggle-error[aria-checked=true] {
|
|
4437
|
-
|
|
4438
|
-
|
|
4439
|
-
|
|
4440
|
-
|
|
4441
|
-
|
|
4442
|
-
|
|
4443
|
-
|
|
4444
|
-
}
|
|
4607
|
+
border-color: hsl(var(--er) / var(--tw-border-opacity));
|
|
4608
|
+
--tw-border-opacity: 0.1;
|
|
4609
|
+
--tw-bg-opacity: 1;
|
|
4610
|
+
background-color: hsl(var(--er) / var(--tw-bg-opacity));
|
|
4611
|
+
--tw-text-opacity: 1;
|
|
4612
|
+
color: hsl(var(--erc, var(--nc)) / var(--tw-text-opacity));
|
|
4613
|
+
}
|
|
4445
4614
|
.toggle:disabled {
|
|
4446
4615
|
cursor: not-allowed;
|
|
4447
|
-
border-
|
|
4448
|
-
|
|
4449
|
-
|
|
4616
|
+
--tw-border-opacity: 1;
|
|
4617
|
+
border-color: hsl(var(--bc) / var(--tw-border-opacity));
|
|
4618
|
+
background-color: transparent;
|
|
4619
|
+
opacity: 0.3;
|
|
4620
|
+
--togglehandleborder: 0 0 0 3px hsl(var(--bc)) inset, var(--handleoffsetcalculator) 0 0 3px hsl(var(--bc)) inset;
|
|
4450
4621
|
}
|
|
4451
4622
|
|
|
4452
4623
|
/* backward comptability */
|