From 8d2290e276a633fcfe5ca31d236b241b0379c4f8 Mon Sep 17 00:00:00 2001
From: Luke Else <mail@luke-else.co.uk>
Date: Tue, 16 Sep 2025 12:56:05 +0100
Subject: [PATCH] fix: Corrected inline style in section container

---
 src/lib/components/Section.svelte | 9 +++++----
 1 file changed, 5 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/Section.svelte b/src/lib/components/Section.svelte
index 2789f22..d879372 100644
--- a/src/lib/components/Section.svelte
+++ b/src/lib/components/Section.svelte
@@ -1,13 +1,14 @@
 <script lang="ts">
-    export let label: string = "";
+    export let label: string = '';
 </script>
 
 <div id={label} class="relative flex flex-row w-full min-h-[300px] mt-5 mb-25">
     <!-- Sticky/Sliding Label -->
     <div class="hidden md:flex flex-col items-center mr-6">
         <div class="sticky top-24 left-0 z-10">
-            <span class="text-2xl font-bold text-blue-400 tracking-widest"
-                  style="writing-mode: vertical-rl; text-orientation: mixed;">
+            <span
+                class="text-2xl font-bold text-blue-400 tracking-widest [writing-mode:vertical-rl] [text-orientation:mixed]"
+            >
                 {label}
             </span>
         </div>
@@ -23,4 +24,4 @@
             <slot />
         </div>
     </div>
-</div>
\ No newline at end of file
+</div>