fix style block for docs generator

skeletonlabs · Dec 19, 2023 · 029b7b4 · 029b7b4
1 parent 76b6fde
commit 029b7b4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/sites/skeleton.dev/src/lib/layouts/DocsThemer/DocsThemer.svelte b/sites/skeleton.dev/src/lib/layouts/DocsThemer/DocsThemer.svelte
@@ -14,7 +14,7 @@
 	import { storePreview } from './stores';
 	import type { ColorSettings, FormTheme, ContrastReport } from './types';
 	import { inputSettings, fontSettings } from './settings';
-	import { type Palette, generatePalette, generateA11yOnColor, hexValueIsValid, getPassReport } from './colors';
+	import { type Palette, generatePalette, generateA11yOnColor, hexValueIsValid, getPassReport, createStyleBlock } from './colors';
 	import type { PopupSettings } from '@skeletonlabs/skeleton';
 
 	// Stores
@@ -197,7 +197,7 @@ export const myCustomTheme: CustomThemeConfig = {
 }`;
 	}
 
-	$: livePreviewStylesheet = $storePreview ? `\<style\>${cssOutput}\</style\>` : '';
+	$: livePreviewStylesheet = $storePreview ? createStyleBlock(cssOutput) : '';
 </script>
 
 <!-- Live Preview of Generated Theme -->

diff --git a/sites/skeleton.dev/src/lib/layouts/DocsThemer/colors.ts b/sites/skeleton.dev/src/lib/layouts/DocsThemer/colors.ts
@@ -237,3 +237,7 @@ export function getPassReport(textColor: string, backgroundColor: string): PassR
 		fails
 	};
 }
+
+export function createStyleBlock(cssOutput: string) {
+	return `<style>${cssOutput}</style>`;
+}
-Original file line number
+Diff line change
@@ Expand Up @@
     		fails
     	};
     }
+    export function createStyleBlock(cssOutput: string) {
+    	return `<style>${cssOutput}</style>`;
+    }