Place orient classes in popup CSS

2025-08-14 16:33:18 -05:00
parent d25f628204
commit dfefd16f0f
2 changed files with 12 additions and 13 deletions
@@ -1,13 +0,0 @@
-@layer utilities {
-  .orient-left {
-    inset-inline: auto 0;
-    transform: translateX(0);
-    background: lime !important;
-  }
-
-  .orient-right {
-    inset-inline: 0 auto;
-    transform: translateX(0);
-    background: gold !important;
-  }
-}
@@ -17,6 +17,18 @@
      display: flex;
    }

+    &.orient-left {
+      inset-inline: auto 0;
+      transform: translateX(0);
+      background: lime !important;
+    }
+
+    &.orient-right {
+      inset-inline: 0 auto;
+      transform: translateX(0);
+      background: gold !important;
+    }
+
    &:has(.popup__footer) {
      --panel-padding: var(--block-space) var(--block-space) 0 var(--block-space);
    }