diff --git a/‎packages/daisyui/src/components/drawer.css‎
Lines changed: 21 additions & 19 deletions b/‎packages/daisyui/src/components/drawer.css‎
Lines changed: 21 additions & 19 deletions
@@ -36,7 +36,7 @@
       @apply col-start-1 row-start-1;
     }
 
-    > *:not(.drawer-overlay) {
+    > :not(.drawer-overlay) {
       @apply will-change-transform;
       transition:
         translate 0.3s ease-out,
@@ -73,7 +73,7 @@
     :where(&:checked ~ .drawer-side) {
       @apply pointer-events-auto visible overflow-y-auto opacity-100;
 
-      & > *:not(.drawer-overlay) {
+      > :not(.drawer-overlay) {
         translate: 0%;
       }
     }
@@ -90,23 +90,23 @@
     grid-auto-columns: auto max-content;
 
     > .drawer-toggle {
-      & ~ .drawer-content {
+      ~ .drawer-content {
         @apply col-start-1;
       }
 
-      & ~ .drawer-side {
+      ~ .drawer-side {
         @apply col-start-2 justify-items-end;
       }
 
-      & ~ .drawer-side > *:not(.drawer-overlay) {
+      ~ .drawer-side > :not(.drawer-overlay) {
         translate: 100%;
 
         [dir="rtl"] & {
           translate: -100%;
         }
       }
 
-      &:checked ~ .drawer-side > *:not(.drawer-overlay) {
+      &:checked ~ .drawer-side > :not(.drawer-overlay) {
         translate: 0%;
       }
     }
@@ -115,8 +115,8 @@
 
 .drawer-open {
   @layer daisyui.l1.l2.l3 {
-    & > .drawer-toggle:checked {
-      & ~ .drawer-side {
+    > .drawer-toggle:checked {
+      ~ .drawer-side {
         scrollbar-color: revert-layer;
       }
 
@@ -133,32 +133,34 @@
   }
 
   @layer daisyui.l1.l2 {
-    & > .drawer-side {
+    > .drawer-side {
       @apply overflow-y-auto;
     }
 
     > .drawer-toggle {
       @apply hidden;
 
-      & ~ .drawer-side {
+      ~ .drawer-side {
         @apply pointer-events-auto visible sticky block w-auto overscroll-auto opacity-100;
 
-        & > .drawer-overlay {
+        > .drawer-overlay {
           @apply cursor-default bg-transparent;
         }
-
-        & > *:not(.drawer-overlay) {
-          translate: 0%;
-
-          [dir="rtl"] & {
-            translate: 0%;
-          }
-        }
       }
 
       &:checked ~ .drawer-side {
         @apply pointer-events-auto visible;
       }
     }
   }
+
+  @layer daisyui.l1 {
+    > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) {
+      translate: 0%;
+
+      [dir="rtl"] & {
+        translate: 0%;
+      }
+    }
+  }
 }
Original file line number	Diff line number	Diff line change
`@@ -36,7 +36,7 @@`
`36`	`36`	`@apply col-start-1 row-start-1;`
`37`	`37`	`}`
`38`	`38`
`39`		`- > *:not(.drawer-overlay) {`
	`39`	`+ > :not(.drawer-overlay) {`
`40`	`40`	`@apply will-change-transform;`
`41`	`41`	`transition:`
`42`	`42`	`translate 0.3s ease-out,`
`@@ -73,7 +73,7 @@`
`73`	`73`	`:where(&:checked ~ .drawer-side) {`
`74`	`74`	`@apply pointer-events-auto visible overflow-y-auto opacity-100;`
`75`	`75`
`76`		`- & > *:not(.drawer-overlay) {`
	`76`	`+ > :not(.drawer-overlay) {`
`77`	`77`	`translate: 0%;`
`78`	`78`	`}`
`79`	`79`	`}`
`@@ -90,23 +90,23 @@`
`90`	`90`	`grid-auto-columns: auto max-content;`
`91`	`91`
`92`	`92`	`> .drawer-toggle {`
`93`		`- & ~ .drawer-content {`
	`93`	`+ ~ .drawer-content {`
`94`	`94`	`@apply col-start-1;`
`95`	`95`	`}`
`96`	`96`
`97`		`- & ~ .drawer-side {`
	`97`	`+ ~ .drawer-side {`
`98`	`98`	`@apply col-start-2 justify-items-end;`
`99`	`99`	`}`
`100`	`100`
`101`		`- & ~ .drawer-side > *:not(.drawer-overlay) {`
	`101`	`+ ~ .drawer-side > :not(.drawer-overlay) {`
`102`	`102`	`translate: 100%;`
`103`	`103`
`104`	`104`	`[dir="rtl"] & {`
`105`	`105`	`translate: -100%;`
`106`	`106`	`}`
`107`	`107`	`}`
`108`	`108`
`109`		`- &:checked ~ .drawer-side > *:not(.drawer-overlay) {`
	`109`	`+ &:checked ~ .drawer-side > :not(.drawer-overlay) {`
`110`	`110`	`translate: 0%;`
`111`	`111`	`}`
`112`	`112`	`}`
`@@ -115,8 +115,8 @@`
`115`	`115`
`116`	`116`	`.drawer-open {`
`117`	`117`	`@layer daisyui.l1.l2.l3 {`
`118`		`- & > .drawer-toggle:checked {`
`119`		`- & ~ .drawer-side {`
	`118`	`+ > .drawer-toggle:checked {`
	`119`	`+ ~ .drawer-side {`
`120`	`120`	`scrollbar-color: revert-layer;`
`121`	`121`	`}`
`122`	`122`
`@@ -133,32 +133,34 @@`
`133`	`133`	`}`
`134`	`134`
`135`	`135`	`@layer daisyui.l1.l2 {`
`136`		`- & > .drawer-side {`
	`136`	`+ > .drawer-side {`
`137`	`137`	`@apply overflow-y-auto;`
`138`	`138`	`}`
`139`	`139`
`140`	`140`	`> .drawer-toggle {`
`141`	`141`	`@apply hidden;`
`142`	`142`
`143`		`- & ~ .drawer-side {`
	`143`	`+ ~ .drawer-side {`
`144`	`144`	`@apply pointer-events-auto visible sticky block w-auto overscroll-auto opacity-100;`
`145`	`145`
`146`		`- & > .drawer-overlay {`
	`146`	`+ > .drawer-overlay {`
`147`	`147`	`@apply cursor-default bg-transparent;`
`148`	`148`	`}`
`149`		`-`
`150`		`- & > *:not(.drawer-overlay) {`
`151`		`- translate: 0%;`
`152`		`-`
`153`		`- [dir="rtl"] & {`
`154`		`- translate: 0%;`
`155`		`- }`
`156`		`- }`
`157`	`149`	`}`
`158`	`150`
`159`	`151`	`&:checked ~ .drawer-side {`
`160`	`152`	`@apply pointer-events-auto visible;`
`161`	`153`	`}`
`162`	`154`	`}`
`163`	`155`	`}`
	`156`	`+`
	`157`	`+ @layer daisyui.l1 {`
	`158`	`+ > .drawer-toggle ~ .drawer-side > :not(.drawer-overlay) {`
	`159`	`+ translate: 0%;`
	`160`	`+`
	`161`	`+ [dir="rtl"] & {`
	`162`	`+ translate: 0%;`
	`163`	`+ }`
	`164`	`+ }`
	`165`	`+ }`
`164`	`166`	`}`