refactored directory structure of chat-message styles

src/style/chat-messages.scss

@@ -1,55 +1 @@
-.attribute-check-message {
-  display: grid;
-  grid-template-columns: 1fr;
-  grid-template-rows: auto auto auto 1fr;
-
-  div {
-    text-align: center;
-    align-content: center;
-  }
-
-  .headline {
-    grid-row: 1;
-    grid-column: 1;
-  }
-
-  .result {
-    grid-row: 2;
-    grid-column: 1;
-    background-color: rgb(255 255 255 / 35%);
-    padding: 10px 0;
-
-    .success {
-      color: #008800;
-      margin: 0;
-    }
-
-    .failure {
-      color: #880000;
-      margin: 0;
-    }
-  }
-
-  .result-message {
-    grid-row: 3;
-    grid-column: 1;
-  }
-
-  .roll-result {
-    grid-row: 4;
-    grid-column: 1;
-    display: grid;
-    grid-template-rows: 1fr;
-    grid-template-columns: auto 1fr auto;
-
-    .roll {
-      grid-row: 1;
-      grid-column: 1;
-    }
-
-    .attribute-value {
-      grid-row: 1;
-      grid-column: 3;
-    }
-  }
-}
+@use "chatmessages/attribute-check-message";

src/style/chatmessages/attribute-check-message.scss

@@ -0,0 +1,55 @@
+.attribute-check-message {
+  display: grid;
+  grid-template-columns: 1fr;
+  grid-template-rows: auto auto auto 1fr;
+
+  div {
+    text-align: center;
+    align-content: center;
+  }
+
+  .headline {
+    grid-row: 1;
+    grid-column: 1;
+  }
+
+  .result {
+    grid-row: 2;
+    grid-column: 1;
+    background-color: rgb(255 255 255 / 35%);
+    padding: 10px 0;
+
+    .success {
+      color: #008800;
+      margin: 0;
+    }
+
+    .failure {
+      color: #880000;
+      margin: 0;
+    }
+  }
+
+  .result-message {
+    grid-row: 3;
+    grid-column: 1;
+  }
+
+  .roll-result {
+    grid-row: 4;
+    grid-column: 1;
+    display: grid;
+    grid-template-rows: 1fr;
+    grid-template-columns: auto 1fr auto;
+
+    .roll {
+      grid-row: 1;
+      grid-column: 1;
+    }
+
+    .attribute-value {
+      grid-row: 1;
+      grid-column: 3;
+    }
+  }
+}

src/style/styles.scss

@@ -1,6 +1,6 @@
 $bgcolor: FFF;
 
-@use 'chat-messages';
+@use "chat-messages";
 
 html {
   background-color: $bgcolor;