Move spinner CSS to separate partial

Author: jazairi

app/assets/stylesheets/partials/_loading_spinner.scss

@@ -0,0 +1,32 @@
+// Loading indicator for turbo frame updates
+// https://discuss.hotwired.dev/t/show-spinner-everytime-async-frame-reloads/3483/3
+@keyframes spinner {
+  to { 
+    transform: rotate(360deg); 
+  }
+}
+
+[busy]:not([no-spinner]) {
+  position: relative;
+
+  > * {
+    opacity: 0.5;
+  }
+
+  &::after {
+    content: '';
+    box-sizing: border-box;
+    position: fixed;
+    top: 50%;
+    left: 50%;
+    width: 2.5rem;
+    height: 2.5rem;
+    margin-top: -1.25rem;
+    margin-left: -1.25rem;
+    border-radius: 50%;
+    border: 0.275rem solid rgba($color-red-500, 0.3);
+    border-top-color: $color-red-500;
+    animation: spinner 0.6s linear infinite;
+    z-index: 9999;
+  }
+}

app/assets/stylesheets/partials/_results.scss

@@ -118,37 +118,4 @@
     font-size: 1.8rem;
     line-height: 1.1;
   }
-}
-
-// Loading indicator for turbo frame updates
-// https://discuss.hotwired.dev/t/show-spinner-everytime-async-frame-reloads/3483/3
-@keyframes spinner {
-  to { 
-    transform: rotate(360deg); 
-  }
-}
-
-[busy]:not([no-spinner]) {
-  position: relative;
-
-  > * {
-    opacity: 0.5;
-  }
-
-  &::after {
-    content: '';
-    box-sizing: border-box;
-    position: fixed;
-    top: 50%;
-    left: 50%;
-    width: 2.5rem;
-    height: 2.5rem;
-    margin-top: -1.25rem;
-    margin-left: -1.25rem;
-    border-radius: 50%;
-    border: 0.275rem solid rgba($color-red-500, 0.3);
-    border-top-color: $color-red-500;
-    animation: spinner 0.6s linear infinite;
-    z-index: 9999;
-  }
-}
+}