style: Update SCSS import syntax and improve box-shadow formatting for TikTok link

xuelink · xuelink · commit 234dec5fdb95 · 2025-01-09T13:08:40.000+03:00
diff --git a/src/lib/components/organisms/CSponsors.svelte b/src/lib/components/organisms/CSponsors.svelte
@@ -207,7 +207,7 @@
 
 <style lang="scss">
 	@import '$lib/scss/breakpoints.scss';
-	@import "$lib/scss/variables.scss";
+	@import '$lib/scss/variables.scss';
 
 	$yellow: var(--color--primary);
 
@@ -299,7 +299,9 @@
 					}
 
 					&#tiktok-link:hover svg {
-						box-shadow: -2px -2px 5px 1px var(--tiktok-color-blue), 2px 2px 5px 1px var(--tiktok-color-red);
+						box-shadow:
+							-2px -2px 5px 1px var(--tiktok-color-blue),
+							2px 2px 5px 1px var(--tiktok-color-red);
 						background: black;
 					}
 

Original file line number	Diff line number	Diff line change
`@@ -207,7 +207,7 @@`
`207`	`207`
`208`	`208`	`<style lang="scss">`
`209`	`209`	`@import '$lib/scss/breakpoints.scss';`
`210`		`- @import "$lib/scss/variables.scss";`
	`210`	`+ @import '$lib/scss/variables.scss';`
`211`	`211`
`212`	`212`	`$yellow: var(--color--primary);`
`213`	`213`
`@@ -299,7 +299,9 @@`
`299`	`299`	`}`
`300`	`300`
`301`	`301`	`&#tiktok-link:hover svg {`
`302`		`- box-shadow: -2px -2px 5px 1px var(--tiktok-color-blue), 2px 2px 5px 1px var(--tiktok-color-red);`
	`302`	`+ box-shadow:`
	`303`	`+ -2px -2px 5px 1px var(--tiktok-color-blue),`
	`304`	`+ 2px 2px 5px 1px var(--tiktok-color-red);`
`303`	`305`	`background: black;`
`304`	`306`	`}`
`305`	`307`