fix(Overlay): pull keyframes out of class definition

primer · Nov 19, 2024 · 3dbdaa4 · 3dbdaa4
1 parent dceb73a
commit 3dbdaa4
Showing 1 changed file with 10 additions and 10 deletions.
diff --git a/packages/react/src/Overlay/Overlay.module.css b/packages/react/src/Overlay/Overlay.module.css
@@ -1,3 +1,13 @@
+@keyframes overlay-appear {
+  0% {
+    opacity: 0;
+  }
+
+  100% {
+    opacity: 1;
+  }
+}
+
 .Overlay {
   position: absolute;
   width: auto;
@@ -9,16 +19,6 @@
   box-shadow: var(--shadow-floating-small);
   animation: overlay-appear 200ms cubic-bezier(0.33, 1, 0.68, 1);
 
-  @keyframes overlay-appear {
-    0% {
-      opacity: 0;
-    }
-
-    100% {
-      opacity: 1;
-    }
-  }
-
   &:focus {
     outline: none;
   }