From 29d35a6b5eb4b26710d447e24e992c0d7a3b1293 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Wed, 12 Mar 2025 11:59:28 -0400
Subject: [PATCH] DEV: Fix SCSS linting issue
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Gets rid of this noise

```
Deprecation Warning [mixed-decls]: Sass's behavior for declarations that appear after nested
rules will be changing to match the behavior specified by CSS in an upcoming
version. To keep the existing behavior, move the declaration above the nested
rule. To opt into the new behavior, wrap the declaration in `& {}`.

More info: https://sass-lang.com/d/mixed-decls

     ╷
2550 │ ┌   @keyframes slideUp {
2551 │ │     to {
2552 │ │       transform: translateY(-100%);
2553 │ │     }
2554 │ │   }
     │ └─── nested rule
...  │
2575 │     left: 0;
     │     ^^^^^^^ declaration
     ╵
```
---
 .../modules/ai-bot/common/ai-artifact.scss    | 23 ++++++++++---------
 1 file changed, 12 insertions(+), 11 deletions(-)

diff --git a/assets/stylesheets/modules/ai-bot/common/ai-artifact.scss b/assets/stylesheets/modules/ai-bot/common/ai-artifact.scss
index 7c2260cc5..6f71031c5 100644
--- a/assets/stylesheets/modules/ai-bot/common/ai-artifact.scss
+++ b/assets/stylesheets/modules/ai-bot/common/ai-artifact.scss
@@ -1,3 +1,15 @@
+@keyframes slideUp {
+  to {
+    transform: translateY(-100%);
+  }
+}
+
+@keyframes vanishing {
+  to {
+    display: none;
+  }
+}
+
 .ai-artifact__wrapper {
   iframe {
     width: 100%;
@@ -72,17 +84,6 @@ html.ai-artifact-expanded {
       }
     }
   }
-  @keyframes slideUp {
-    to {
-      transform: translateY(-100%);
-    }
-  }
-
-  @keyframes vanishing {
-    to {
-      display: none;
-    }
-  }
 
   iframe {
     position: fixed;