From 4eb67542bed84ed62509e52d4fb51744bdfe3610 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?J=C3=BCrgen=20Etzlstorfer?= <juergen.etzlstorfer@gmail.com>
Date: Mon, 31 Mar 2025 19:49:43 +0000
Subject: [PATCH] Refactor SCSS imports to use @use syntax and improve
 organization

---
 assets/style.scss | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/assets/style.scss b/assets/style.scss
index 398ca5b..cb50f62 100644
--- a/assets/style.scss
+++ b/assets/style.scss
@@ -5,9 +5,10 @@
 // IMPORTS
 //
 
-@import "reset";
-@import "variables";
-// Syntax highlighting @import is at the bottom of this file
+@use "reset";
+@use "variables" as *;
+@use "darcula";
+@use "svg-icons";
 
 /**************/
 /* BASE RULES */
@@ -1290,8 +1291,3 @@ Modules - reusable parts of our design
   margin: 20px 0;
 }
 
-// Settled on moving the import of syntax highlighting to the bottom of the CSS
-// ... Otherwise it really bloats up the top of the CSS file and makes it difficult to find the start
-//@import "highlights";
-@import "darcula";
-@import "svg-icons";