From f3cc07e92c8497347157b050a8e4b41d83e1fa9c Mon Sep 17 00:00:00 2001
From: Valentin Popov <valentin@popov.link>
Date: Tue, 10 Jun 2025 18:27:34 +0400
Subject: chore: migrate sass imports to use (#49)

---
 src/components/Header.astro      | 2 +-
 src/components/PostElement.astro | 2 +-
 src/components/PostSummary.astro | 2 +-
 src/pages/blog/[...slug].astro   | 2 +-
 src/scss/_framework.scss         | 2 ++
 src/scss/global.scss             | 6 +++---
 6 files changed, 9 insertions(+), 7 deletions(-)

diff --git a/src/components/Header.astro b/src/components/Header.astro
index 4571a5c..c2edf19 100644
--- a/src/components/Header.astro
+++ b/src/components/Header.astro
@@ -1,5 +1,5 @@
 <style lang="scss">
-	@import "../scss/_variables.scss";
+        @use "../scss/variables" as *;
 
 	header {
 		padding-bottom: 1rem;
diff --git a/src/components/PostElement.astro b/src/components/PostElement.astro
index 703189e..6ddf7c5 100644
--- a/src/components/PostElement.astro
+++ b/src/components/PostElement.astro
@@ -12,7 +12,7 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY"
 ---
 
 <style lang="scss">
-	@import "../scss/_variables.scss";
+        @use "../scss/variables" as *;
 
 	small {
 		font-size: $fontSizeBase * 0.75;
diff --git a/src/components/PostSummary.astro b/src/components/PostSummary.astro
index 329f1ce..2e66b90 100644
--- a/src/components/PostSummary.astro
+++ b/src/components/PostSummary.astro
@@ -12,7 +12,7 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY"
 ---
 
 <style lang="scss">
-	@import "../scss/_variables.scss";
+        @use "../scss/variables" as *;
 
 	a {
 		color: $colorText;
diff --git a/src/pages/blog/[...slug].astro b/src/pages/blog/[...slug].astro
index c4e542c..2718f1b 100644
--- a/src/pages/blog/[...slug].astro
+++ b/src/pages/blog/[...slug].astro
@@ -23,7 +23,7 @@ const formattedDate = dayjs(post.data.pubDate.toString()).format("MMMM DD, YYYY"
 ---
 
 <style lang="scss">
-	@import "../../scss/_variables.scss";
+        @use "../../scss/variables" as *;
 
 	p {
 		opacity: 0.5;
diff --git a/src/scss/_framework.scss b/src/scss/_framework.scss
index 7aa970e..1f836b1 100644
--- a/src/scss/_framework.scss
+++ b/src/scss/_framework.scss
@@ -1,3 +1,5 @@
+@use "variables" as *;
+
 *,
 *::after,
 *::before {
diff --git a/src/scss/global.scss b/src/scss/global.scss
index 0e660b1..0c7dbb8 100644
--- a/src/scss/global.scss
+++ b/src/scss/global.scss
@@ -1,3 +1,3 @@
-@import "variables";
-@import "framework";
-@import "print";
+@use "variables";
+@use "framework";
+@use "print";
-- 
cgit v1.2.3