From 57ec5ca9aa8977ed8f1042bda408de24ba3be683 Mon Sep 17 00:00:00 2001
From: Justin Edmund <justin@jedmund.com>
Date: Fri, 13 Jun 2025 15:05:18 -0400
Subject: [PATCH] Fix unused CSS selector warnings

---
 src/app.css                                | 3 +++
 src/assets/styles/imports.scss             | 6 ++++++
 src/routes/+layout.svelte                  | 8 ++++----
 src/routes/admin/media/upload/+page.svelte | 7 -------
 vite.config.ts                             | 5 +----
 5 files changed, 14 insertions(+), 15 deletions(-)
 create mode 100644 src/app.css
 create mode 100644 src/assets/styles/imports.scss

diff --git a/src/app.css b/src/app.css
new file mode 100644
index 0000000..447401c
--- /dev/null
+++ b/src/app.css
@@ -0,0 +1,3 @@
+/* Global styles for the entire application */
+@import './assets/styles/reset.css';
+@import './assets/styles/globals.scss';
\ No newline at end of file
diff --git a/src/assets/styles/imports.scss b/src/assets/styles/imports.scss
new file mode 100644
index 0000000..5b45e44
--- /dev/null
+++ b/src/assets/styles/imports.scss
@@ -0,0 +1,6 @@
+// This file contains only imports that should be available in every component
+// It should NOT contain any actual CSS rules to avoid duplication
+
+@import './variables.scss';
+@import './fonts.scss';
+@import './themes.scss';
\ No newline at end of file
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index db484b2..aadbbf4 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -1,9 +1,12 @@
 <script lang="ts">
+	import '../app.css'
 	import { page } from '$app/stores'
 	import Header from '$components/Header.svelte'
 	import Footer from '$components/Footer.svelte'
 	import { generatePersonJsonLd } from '$lib/utils/metadata'
 
+	let { children } = $props()
+
 	const isAdminRoute = $derived($page.url.pathname.startsWith('/admin'))
 
 	// Generate person structured data for the site
@@ -33,7 +36,7 @@
 	{/if}
 
 	<main class:admin-route={isAdminRoute}>
-		<slot />
+		{@render children()}
 	</main>
 
 	{#if !isAdminRoute}
@@ -42,9 +45,6 @@
 </div>
 
 <style lang="scss">
-	@import '../assets/styles/reset.css';
-	@import '../assets/styles/globals.scss';
-
 	:global(html) {
 		background: var(--bg-color);
 		color: var(--text-color);
diff --git a/src/routes/admin/media/upload/+page.svelte b/src/routes/admin/media/upload/+page.svelte
index 0f6df9e..ade69cc 100644
--- a/src/routes/admin/media/upload/+page.svelte
+++ b/src/routes/admin/media/upload/+page.svelte
@@ -481,13 +481,6 @@
 			font-size: 0.875rem;
 			color: $grey-50;
 		}
-
-		.file-count {
-			strong {
-				color: $grey-20;
-				font-size: 1.1rem;
-			}
-		}
 	}
 
 	.hidden-input {
diff --git a/vite.config.ts b/vite.config.ts
index 97fee1e..86576e4 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -60,10 +60,7 @@ export default defineConfig({
 		preprocessorOptions: {
 			scss: {
 				additionalData: `
-          @import './src/assets/styles/variables.scss';
-          @import './src/assets/styles/fonts.scss';
-          @import './src/assets/styles/themes.scss';
-          @import './src/assets/styles/globals.scss';
+          @import './src/assets/styles/imports.scss';
         `,
 				api: 'modern-compiler'
 			}