How To Use Global Styles In SvelteKit

[@WyzrdCat]

I really appreciate the Svelte content

[@JoyofCodeDev]

I appreciate you! 😄

[@fev4]

exactly!! this is what I meant in the last video comment that one can combine global styles from svelte with scss/sass to have a very powerful design system you could do: .prose :global { //all you css classes are now scopped to 'prose' } I really like all the little goodies included with sveltekit (I'm now just using the terms svelte and sveltekit interchangeably 😅)

[@JoyofCodeDev]

I do the same thing! 😂

[@funnynews341]

i found your site in google search, so i think your SEO is ok. Can you make a video talk about SEO with sveltekit like your blog. What important should focus when seo website with sveltekit?

[@JoyofCodeDev]

I make content people are interested in that gets shared on social media and the market is not competitive - I think that's one of the main reasons for organic SEO since you don't have control over it.

[@user-ws9om9yc9k]

Hello everyone, tell me the name of the plug-in for the browser, in the browser you point to the necessary divas, click and it automatically throws you into vscode, to the right divu

[@JoyofCodeDev]

Are you talking about the Svelte inspector? I have a video on it here kzbin.info/www/bejne/haanhHispdGLp7s.

[@user-ws9om9yc9k]

@@JoyofCodeDev Thank you!

[@jhonyortiz5]

What about placing global styles in the root layout file? It works so I'm wondering if there is a problem with doing it this way. EDIT: And I mean using a style tag not by importing a css file.

[@JoyofCodeDev]

You could! 😄

[@arianitonline8748]

is there a way to make vite stop auto refreshing the browser?

[@JoyofCodeDev]

You can disable Vite HMR: vitejs.dev/config/#server-hmr.

[@arianitonline8748]

@@JoyofCodeDev thank you

[@Jackshuff]

What is the best way to see margin/padding to zero? I've been trying to set it globally, but I think I'm just being stupid.

[@Jackshuff]

Thanks for the videos!

[@JoyofCodeDev]

Are you doing it inside the `` tags for `+layout.svelte`? In that case you have to use `:global()`.