daisyui 4.7.0 → 4.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/full.css +25 -35
- package/dist/styled.css +9 -15
- package/dist/styled.js +1 -1
- package/dist/unstyled.css +1 -2
- package/dist/unstyled.js +1 -1
- package/dist/utilities-styled.js +1 -1
- package/package.json +1 -1
package/dist/full.css
CHANGED
|
@@ -2646,8 +2646,8 @@ html {
|
|
|
2646
2646
|
.label a:hover {
|
|
2647
2647
|
--tw-text-opacity: 1;
|
|
2648
2648
|
color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)))}
|
|
2649
|
-
.menu li > *:not(ul
|
|
2650
|
-
.menu li > *:not(ul
|
|
2649
|
+
.menu li > *:not(ul, .menu-title, details, .btn):active,
|
|
2650
|
+
.menu li > *:not(ul, .menu-title, details, .btn).active,
|
|
2651
2651
|
.menu li > details > summary:active {
|
|
2652
2652
|
--tw-bg-opacity: 1;
|
|
2653
2653
|
background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
|
|
@@ -3303,12 +3303,12 @@ html {
|
|
|
3303
3303
|
--tw-scale-x: 1;
|
|
3304
3304
|
--tw-scale-y: 1;
|
|
3305
3305
|
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))}
|
|
3306
|
-
:where(.menu li:not(.menu-title
|
|
3306
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
|
|
3307
3307
|
cursor: pointer;
|
|
3308
3308
|
outline: 2px solid transparent;
|
|
3309
3309
|
outline-offset: 2px}
|
|
3310
3310
|
@supports (color: oklch(0 0 0)) {
|
|
3311
|
-
:where(.menu li:not(.menu-title
|
|
3311
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
|
|
3312
3312
|
background-color: var(--fallback-bc,oklch(var(--bc)/0.1))}}
|
|
3313
3313
|
.tab[disabled],
|
|
3314
3314
|
.tab[disabled]:hover {
|
|
@@ -3562,8 +3562,7 @@ html {
|
|
|
3562
3562
|
white-space: nowrap;
|
|
3563
3563
|
margin-inline-start: 1rem;
|
|
3564
3564
|
padding-inline-start: 0.5rem}
|
|
3565
|
-
.menu :where(li:not(.menu-title) > *:not(ul):not(details
|
|
3566
|
-
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
3565
|
+
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
3567
3566
|
display: grid;
|
|
3568
3567
|
grid-auto-flow: column;
|
|
3569
3568
|
align-content: flex-start;
|
|
@@ -5268,7 +5267,7 @@ details.collapse summary::-webkit-details-marker {
|
|
|
5268
5267
|
background-color: var(--fallback-bc,oklch(var(--bc)/var(--tw-bg-opacity)));
|
|
5269
5268
|
opacity: 0.1;
|
|
5270
5269
|
content: ""}
|
|
5271
|
-
.menu :where(li:not(.menu-title) > *:not(ul
|
|
5270
|
+
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
|
|
5272
5271
|
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
5273
5272
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
5274
5273
|
padding-left: 1rem;
|
|
@@ -5283,20 +5282,15 @@ details.collapse summary::-webkit-details-marker {
|
|
|
5283
5282
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
5284
5283
|
transition-duration: 200ms;
|
|
5285
5284
|
text-wrap: balance}
|
|
5286
|
-
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus
|
|
5287
|
-
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
|
|
5288
|
-
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
|
|
5289
|
-
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
|
|
5290
|
-
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
|
|
5291
|
-
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
|
|
5285
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
|
|
5292
5286
|
cursor: pointer;
|
|
5293
5287
|
background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
|
|
5294
5288
|
--tw-text-opacity: 1;
|
|
5295
5289
|
color: var(--fallback-bc,oklch(var(--bc)/var(--tw-text-opacity)));
|
|
5296
5290
|
outline: 2px solid transparent;
|
|
5297
5291
|
outline-offset: 2px}
|
|
5298
|
-
.menu li > *:not(ul
|
|
5299
|
-
.menu li > *:not(ul
|
|
5292
|
+
.menu li > *:not(ul, .menu-title, details, .btn):active,
|
|
5293
|
+
.menu li > *:not(ul, .menu-title, details, .btn).active,
|
|
5300
5294
|
.menu li > details > summary:active {
|
|
5301
5295
|
--tw-bg-opacity: 1;
|
|
5302
5296
|
background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
|
|
@@ -22258,8 +22252,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
22258
22252
|
padding-top: 0px;
|
|
22259
22253
|
padding-bottom: 0px;
|
|
22260
22254
|
padding-inline-end: 0px}
|
|
22261
|
-
.menu-xs :where(li:not(.menu-title) > *:not(ul):not(details
|
|
22262
|
-
.menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22255
|
+
.menu-xs :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-xs :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22263
22256
|
border-radius: 0.25rem;
|
|
22264
22257
|
padding-left: 0.5rem;
|
|
22265
22258
|
padding-right: 0.5rem;
|
|
@@ -22272,8 +22265,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
22272
22265
|
padding-right: 0.5rem;
|
|
22273
22266
|
padding-top: 0.25rem;
|
|
22274
22267
|
padding-bottom: 0.25rem}
|
|
22275
|
-
.menu-sm :where(li:not(.menu-title) > *:not(ul):not(details
|
|
22276
|
-
.menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22268
|
+
.menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22277
22269
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
22278
22270
|
padding-left: 0.75rem;
|
|
22279
22271
|
padding-right: 0.75rem;
|
|
@@ -22286,8 +22278,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
22286
22278
|
padding-right: 0.75rem;
|
|
22287
22279
|
padding-top: 0.5rem;
|
|
22288
22280
|
padding-bottom: 0.5rem}
|
|
22289
|
-
.menu-md :where(li:not(.menu-title) > *:not(ul):not(details
|
|
22290
|
-
.menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22281
|
+
.menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22291
22282
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
22292
22283
|
padding-left: 1rem;
|
|
22293
22284
|
padding-right: 1rem;
|
|
@@ -22300,8 +22291,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
22300
22291
|
padding-right: 1rem;
|
|
22301
22292
|
padding-top: 0.5rem;
|
|
22302
22293
|
padding-bottom: 0.5rem}
|
|
22303
|
-
.menu-lg :where(li:not(.menu-title) > *:not(ul):not(details
|
|
22304
|
-
.menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22294
|
+
.menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)), .menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
22305
22295
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
22306
22296
|
padding-left: 1.5rem;
|
|
22307
22297
|
padding-right: 1.5rem;
|
|
@@ -45321,7 +45311,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
45321
45311
|
.sm\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
45322
45312
|
cursor: default;
|
|
45323
45313
|
background-color: transparent}
|
|
45324
|
-
.sm\:menu-sm :where(li:not(.menu-title) > *:not(ul
|
|
45314
|
+
.sm\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
45325
45315
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
45326
45316
|
padding-left: 0.75rem;
|
|
45327
45317
|
padding-right: 0.75rem;
|
|
@@ -45334,7 +45324,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
45334
45324
|
padding-right: 0.75rem;
|
|
45335
45325
|
padding-top: 0.5rem;
|
|
45336
45326
|
padding-bottom: 0.5rem}
|
|
45337
|
-
.sm\:menu-md :where(li:not(.menu-title) > *:not(ul
|
|
45327
|
+
.sm\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.sm\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
45338
45328
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
45339
45329
|
padding-left: 1rem;
|
|
45340
45330
|
padding-right: 1rem;
|
|
@@ -45347,7 +45337,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
45347
45337
|
padding-right: 1rem;
|
|
45348
45338
|
padding-top: 0.5rem;
|
|
45349
45339
|
padding-bottom: 0.5rem}
|
|
45350
|
-
.sm\:menu-lg :where(li:not(.menu-title) > *:not(ul
|
|
45340
|
+
.sm\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.sm\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
45351
45341
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
45352
45342
|
padding-left: 1.5rem;
|
|
45353
45343
|
padding-right: 1.5rem;
|
|
@@ -45848,7 +45838,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
45848
45838
|
.md\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
45849
45839
|
cursor: default;
|
|
45850
45840
|
background-color: transparent}
|
|
45851
|
-
.md\:menu-sm :where(li:not(.menu-title) > *:not(ul
|
|
45841
|
+
.md\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
45852
45842
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
45853
45843
|
padding-left: 0.75rem;
|
|
45854
45844
|
padding-right: 0.75rem;
|
|
@@ -45861,7 +45851,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
45861
45851
|
padding-right: 0.75rem;
|
|
45862
45852
|
padding-top: 0.5rem;
|
|
45863
45853
|
padding-bottom: 0.5rem}
|
|
45864
|
-
.md\:menu-md :where(li:not(.menu-title) > *:not(ul
|
|
45854
|
+
.md\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.md\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
45865
45855
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
45866
45856
|
padding-left: 1rem;
|
|
45867
45857
|
padding-right: 1rem;
|
|
@@ -45874,7 +45864,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
45874
45864
|
padding-right: 1rem;
|
|
45875
45865
|
padding-top: 0.5rem;
|
|
45876
45866
|
padding-bottom: 0.5rem}
|
|
45877
|
-
.md\:menu-lg :where(li:not(.menu-title) > *:not(ul
|
|
45867
|
+
.md\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.md\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
45878
45868
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
45879
45869
|
padding-left: 1.5rem;
|
|
45880
45870
|
padding-right: 1.5rem;
|
|
@@ -46375,7 +46365,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
46375
46365
|
.lg\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
46376
46366
|
cursor: default;
|
|
46377
46367
|
background-color: transparent}
|
|
46378
|
-
.lg\:menu-sm :where(li:not(.menu-title) > *:not(ul
|
|
46368
|
+
.lg\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
46379
46369
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
46380
46370
|
padding-left: 0.75rem;
|
|
46381
46371
|
padding-right: 0.75rem;
|
|
@@ -46388,7 +46378,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
46388
46378
|
padding-right: 0.75rem;
|
|
46389
46379
|
padding-top: 0.5rem;
|
|
46390
46380
|
padding-bottom: 0.5rem}
|
|
46391
|
-
.lg\:menu-md :where(li:not(.menu-title) > *:not(ul
|
|
46381
|
+
.lg\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.lg\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
46392
46382
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
46393
46383
|
padding-left: 1rem;
|
|
46394
46384
|
padding-right: 1rem;
|
|
@@ -46401,7 +46391,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
46401
46391
|
padding-right: 1rem;
|
|
46402
46392
|
padding-top: 0.5rem;
|
|
46403
46393
|
padding-bottom: 0.5rem}
|
|
46404
|
-
.lg\:menu-lg :where(li:not(.menu-title) > *:not(ul
|
|
46394
|
+
.lg\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.lg\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
46405
46395
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
46406
46396
|
padding-left: 1.5rem;
|
|
46407
46397
|
padding-right: 1.5rem;
|
|
@@ -46902,7 +46892,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
46902
46892
|
.xl\:drawer-open > .drawer-toggle ~ .drawer-side > .drawer-overlay {
|
|
46903
46893
|
cursor: default;
|
|
46904
46894
|
background-color: transparent}
|
|
46905
|
-
.xl\:menu-sm :where(li:not(.menu-title) > *:not(ul
|
|
46895
|
+
.xl\:menu-sm :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
46906
46896
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
46907
46897
|
padding-left: 0.75rem;
|
|
46908
46898
|
padding-right: 0.75rem;
|
|
@@ -46915,7 +46905,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
46915
46905
|
padding-right: 0.75rem;
|
|
46916
46906
|
padding-top: 0.5rem;
|
|
46917
46907
|
padding-bottom: 0.5rem}
|
|
46918
|
-
.xl\:menu-md :where(li:not(.menu-title) > *:not(ul
|
|
46908
|
+
.xl\:menu-md :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.xl\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
46919
46909
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
46920
46910
|
padding-left: 1rem;
|
|
46921
46911
|
padding-right: 1rem;
|
|
@@ -46928,7 +46918,7 @@ html:has(.drawer-open.drawer-open) {
|
|
|
46928
46918
|
padding-right: 1rem;
|
|
46929
46919
|
padding-top: 0.5rem;
|
|
46930
46920
|
padding-bottom: 0.5rem}
|
|
46931
|
-
.xl\:menu-lg :where(li:not(.menu-title) > *:not(ul
|
|
46921
|
+
.xl\:menu-lg :where(li:not(.menu-title) > *:not(ul, details, .menu-title)),.xl\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
46932
46922
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
46933
46923
|
padding-left: 1.5rem;
|
|
46934
46924
|
padding-right: 1.5rem;
|
package/dist/styled.css
CHANGED
|
@@ -825,8 +825,7 @@
|
|
|
825
825
|
position: relative;
|
|
826
826
|
white-space: nowrap
|
|
827
827
|
}
|
|
828
|
-
.menu :where(li:not(.menu-title) > *:not(ul):not(details
|
|
829
|
-
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
828
|
+
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)), .menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
830
829
|
display: grid;
|
|
831
830
|
grid-auto-flow: column;
|
|
832
831
|
align-content: flex-start;
|
|
@@ -3339,7 +3338,7 @@ details.collapse summary {
|
|
|
3339
3338
|
opacity: 0.1;
|
|
3340
3339
|
content: "";
|
|
3341
3340
|
}
|
|
3342
|
-
.menu :where(li:not(.menu-title) > *:not(ul
|
|
3341
|
+
.menu :where(li:not(.menu-title) > *:not(ul, details, .menu-title, .btn)),
|
|
3343
3342
|
.menu :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
|
|
3344
3343
|
border-radius: var(--rounded-btn, 0.5rem);
|
|
3345
3344
|
padding-left: 1rem;
|
|
@@ -3353,12 +3352,7 @@ details.collapse summary {
|
|
|
3353
3352
|
transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
|
|
3354
3353
|
text-wrap: balance;
|
|
3355
3354
|
}
|
|
3356
|
-
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active).focus
|
|
3357
|
-
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(summary):not(.active):focus,
|
|
3358
|
-
:where(.menu li:not(.menu-title):not(.disabled) > *:not(ul):not(details):not(.menu-title)):is(summary):not(.active):focus-visible,
|
|
3359
|
-
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active).focus,
|
|
3360
|
-
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(summary):not(.active):focus,
|
|
3361
|
-
:where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):is(summary):not(.active):focus-visible {
|
|
3355
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):is(summary):not(.active, .btn):focus-visible, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn).focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(summary, .active, .btn):focus, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):is(summary):not(.active, .btn):focus-visible {
|
|
3362
3356
|
cursor: pointer;
|
|
3363
3357
|
background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
|
|
3364
3358
|
--tw-text-opacity: 1;
|
|
@@ -3367,19 +3361,19 @@ details.collapse summary {
|
|
|
3367
3361
|
outline-offset: 2px;
|
|
3368
3362
|
}
|
|
3369
3363
|
@media (hover: hover) {
|
|
3370
|
-
:where(.menu li:not(.menu-title
|
|
3364
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
|
|
3371
3365
|
cursor: pointer;
|
|
3372
3366
|
outline: 2px solid transparent;
|
|
3373
3367
|
outline-offset: 2px;
|
|
3374
3368
|
}
|
|
3375
3369
|
@supports (color: oklch(0 0 0)) {
|
|
3376
|
-
:where(.menu li:not(.menu-title
|
|
3370
|
+
:where(.menu li:not(.menu-title, .disabled) > *:not(ul, details, .menu-title)):not(.active, .btn):hover, :where(.menu li:not(.menu-title, .disabled) > details > summary:not(.menu-title)):not(.active, .btn):hover {
|
|
3377
3371
|
background-color: var(--fallback-bc,oklch(var(--bc)/0.1));
|
|
3378
3372
|
}
|
|
3379
3373
|
}
|
|
3380
3374
|
}
|
|
3381
|
-
.menu li > *:not(ul
|
|
3382
|
-
.menu li > *:not(ul
|
|
3375
|
+
.menu li > *:not(ul, .menu-title, details, .btn):active,
|
|
3376
|
+
.menu li > *:not(ul, .menu-title, details, .btn).active,
|
|
3383
3377
|
.menu li > details > summary:active {
|
|
3384
3378
|
--tw-bg-opacity: 1;
|
|
3385
3379
|
background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
|
|
@@ -3387,8 +3381,8 @@ details.collapse summary {
|
|
|
3387
3381
|
color: var(--fallback-nc,oklch(var(--nc)/var(--tw-text-opacity)));
|
|
3388
3382
|
}
|
|
3389
3383
|
@media(hover:hover) {
|
|
3390
|
-
.menu li > *:not(ul
|
|
3391
|
-
.menu li > *:not(ul
|
|
3384
|
+
.menu li > *:not(ul, .menu-title, details, .btn):active,
|
|
3385
|
+
.menu li > *:not(ul, .menu-title, details, .btn).active,
|
|
3392
3386
|
.menu li > details > summary:active {
|
|
3393
3387
|
--tw-bg-opacity: 1;
|
|
3394
3388
|
background-color: var(--fallback-n,oklch(var(--n)/var(--tw-bg-opacity)));
|