From 514b413281ab68f6eb998253e894dc6d84a255e5 Mon Sep 17 00:00:00 2001
From: Zakarya <zakarya@colormatic.org>
Date: Mon, 10 Mar 2025 11:29:27 -0700
Subject: [PATCH] Embed bg canvas style to Svelte component

---
 src/component/bg.svelte | 11 ++++++++++-
 src/style/main.scss     |  7 -------
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/component/bg.svelte b/src/component/bg.svelte
index 4c447b8..91746b2 100644
--- a/src/component/bg.svelte
+++ b/src/component/bg.svelte
@@ -266,4 +266,13 @@
   }
 </script>
 
-<canvas class="bg-canvas" id="bg-canvas"></canvas>
+<canvas id="bg-canvas"></canvas>
+
+<style>
+  canvas#bg-canvas {
+    position: fixed;
+    top: 0;
+    left: 0;
+    z-index: -1;
+  }
+</style>
diff --git a/src/style/main.scss b/src/style/main.scss
index 70b19ae..6e1408b 100644
--- a/src/style/main.scss
+++ b/src/style/main.scss
@@ -19,13 +19,6 @@ body {
   color: global.$text-color;
 }
 
-canvas.bg-canvas {
-  position: fixed;
-  top: 0;
-  left: 0;
-  z-index: -1;
-}
-
 spacer {
   display: block;
   margin-top: 8%;