refactor: replace _fictions.scss with unocss

3 files changed, 8 insertions, 43 deletions

diff --git a/assets/css/components/_fictions.scss b/assets/css/components/_fictions.scss
deleted file mode 100644
index 58c15ba0..00000000
--- a/assets/css/components/_fictions.scss
+++ /dev/null
@@ -1,42 +0,0 @@
-#fiction-section {
-    .fiction-welcome {
-        margin: 2rem 0;
-    }
-
-    .fiction-list {
-        display: flex;
-        flex-wrap: wrap;
-        justify-content: space-around;
-        gap: 2rem;
-
-        .fiction-item {
-            text-align: center;
-            margin: 0;
-            filter: url(#x);
-            font-size: 1.5rem;
-            font-weight: 900;
-
-            // Apply slight random rotation using nth-child
-            @for $i from 1 through 10 {
-              &:nth-child(#{$i}) {
-                transform: rotate(#{random(7) - 4}deg);
-                opacity: #{(random(5) + 5) / 10};
-              }
-            }
-        }
-    }
-}
-
-.fiction-page {
-    .fiction-header {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-}
-
-.fiction-page-header {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-}
diff --git a/assets/css/global.scss b/assets/css/global.scss
index 56cc1976..c16fc056 100644
--- a/assets/css/global.scss
+++ b/assets/css/global.scss
@@ -10,7 +10,6 @@
 @import "components/postlist";
 @import "components/shortcodes";
 @import "components/card";
-@import "components/fictions";
 @import "components/library";
 @import "components/footer";
 @import "components/global-search";
diff --git a/assets/css/utils/_utility.scss b/assets/css/utils/_utility.scss
index d2110714..53cd3642 100644
--- a/assets/css/utils/_utility.scss
+++ b/assets/css/utils/_utility.scss
@@ -52,3 +52,11 @@ figure {
 .font-mono {
     font-family: var(--mono-font-family);
 }
+
+.font-secondary {
+    color: var(--secondary-text-color);
+}
+
+.xerox {
+    filter: url(#x);
+}