refactor: move mixins to their module

Former-commit-id: 250de1fac4590da56343baf5a4cc987f9b9deb32

2 files changed, 27 insertions, 27 deletions

diff --git a/assets/css/utils/_mixins.scss b/assets/css/utils/_mixins.scss
index de007d7a..7622ae1e 100644
--- a/assets/css/utils/_mixins.scss
+++ b/assets/css/utils/_mixins.scss
@@ -24,3 +24,30 @@
         color: #ddd;
     }
 }
+
+@mixin bordered {
+    border-radius: 0.5rem;
+    border: 1px solid var(--border-color);
+}
+
+@mixin framed {
+    border: 0.2rem solid #fff;
+    box-shadow: 0 0.1rem 0.75rem rgba(0,0,0,0.2);
+}
+
+@mixin postCategoryPill {
+    background-color: var(--block-background-color);
+    font-size: 0.9rem;
+    padding: 0.2rem 0.5rem;
+    border-radius: 0.2rem;
+    &:hover {
+        text-decoration: none;
+    }
+}
+
+@mixin roundSticker {
+    background-color: var(--block-background-color);
+    border-radius: 50%;
+    box-shadow: 0 0 0.2rem rgba(0,0,0,.2);
+    padding: 1rem;
+}
diff --git a/assets/css/utils/_variables.scss b/assets/css/utils/_variables.scss
index 85ed3e38..6b2051da 100644
--- a/assets/css/utils/_variables.scss
+++ b/assets/css/utils/_variables.scss
@@ -51,30 +51,3 @@ html[lang="en-US"] {
         @include variablesInDarkMode;
     }
 }
-
-@mixin bordered {
-    border-radius: 0.5rem;
-    border: 1px solid var(--border-color);
-}
-
-@mixin framed {
-    border: 0.2rem solid #fff;
-    box-shadow: 0 0.1rem 0.75rem rgba(0,0,0,0.2);
-}
-
-@mixin postCategoryPill {
-    background-color: var(--block-background-color);
-    font-size: 0.9rem;
-    padding: 0.2rem 0.5rem;
-    border-radius: 0.2rem;
-    &:hover {
-        text-decoration: none;
-    }
-}
-
-@mixin roundSticker {
-    background-color: var(--block-background-color);
-    border-radius: 50%;
-    box-shadow: 0 0 0.2rem rgba(0,0,0,.2);
-    padding: 1rem;
-}