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 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):not(.menu-title):not(details):active,
2650
- .menu li > *:not(ul):not(.menu-title):not(details).active,
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):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
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):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
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):not(.menu-title)),
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):not(details):not(.menu-title)),
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):not(.menu-title):not(details):active,
5299
- .menu li > *:not(ul):not(.menu-title):not(details).active,
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):not(.menu-title)),
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):not(.menu-title)),
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):not(.menu-title)),
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):not(.menu-title)),
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):not(details):not(.menu-title)),.sm\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.sm\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.sm\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.md\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.md\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.md\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.lg\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.lg\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.lg\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.xl\:menu-sm :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.xl\:menu-md :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(details):not(.menu-title)),.xl\:menu-lg :where(li:not(.menu-title) > details > summary:not(.menu-title)) {
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):not(.menu-title)),
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):not(details):not(.menu-title)),
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):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
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):not(.disabled) > *:not(ul):not(details):not(.menu-title)):not(.active):hover, :where(.menu li:not(.menu-title):not(.disabled) > details > summary:not(.menu-title)):not(.active):hover {
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):not(.menu-title):not(details):active,
3382
- .menu li > *:not(ul):not(.menu-title):not(details).active,
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):not(.menu-title):not(details):active,
3391
- .menu li > *:not(ul):not(.menu-title):not(details).active,
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)));