Merge pull request #22 from the-markup/scss-in-svelte

Add SCSS styles to Svelte preprocess
the-markup · Jan 30, 2024 · 045a1ff · 045a1ff
2 parents 5e5b35b + 5abc759
commit 045a1ff
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/scripts/compile/svelte.js b/scripts/compile/svelte.js
@@ -36,7 +36,9 @@ module.exports = {
                             options: {
                                 emitCss: true,
                                 preprocess: SveltePreprocess({
-                                    scss: true,
+                                    scss: {
+                                        prependData: `@import 'src/${graphic.name}/sass/style.scss';`
+                                    },
                                     sass: true
                                 })
                             }

diff --git a/src/graphic/svelte/App.svelte b/src/graphic/svelte/App.svelte
@@ -14,12 +14,12 @@
 	.messages {
 		.typescript {
 			color: white;
-			background-color: #3F74BA;
+			background-color: $c-lead;
 		}
 
 		.scss {
 			color: white;
-			background-color: #BA6993;
+			background-color: $c-plum;
 		}
 	}
 </style>