Go Pro Sign Up Login
0 days 0 hrs 0 min 0 sec

Summer Sale

50% off Level Up Pro until you unsubscribe.
Get access to ALL 128 courses on Level Up Tutorials

This is your last chance to get Level Up Pro for $145/year.

or Learn More
Moon Moon

Buy Now and unlock this series

$

49

.99

yours forever

Become a Pro and unlock everything

$

24

.99

per month

CSS In Svelte Kit - PostCSS, Scss & Scoping

Now we will dive into CSS in Svelte Kit. Here we will learn how scoping, PostCSS, and SCSS fit into the picture.

Downloads

Become a pro to download code and videos

Comments

User avatar

ptpaterson

4 months ago

svelte-preprocess is indeed included already by default. However, sass is not. The error you will get now is

Cannot find any of modules: sass,node-sass

Note that node-sass is deprecated, so use sass instead.

npm i -D sass

Cadell

8 months ago

I tried using node-sass and it did not work. It keep saying that this version of node-sass cannot find binding for node v16 but found binding for node v17.

I upgraded to the latest version of node which is v17.2.0 but node-sass still throw same error saying can't find binding for v17.x can find binding for v17.x. The error message totally doesn't make sense. What does it mean by it can't find binding for node v17 but can find binding for node v17.x???? LOL.

I uninstalled node-sass and npm installed sass and it worked just fine.

Geoff

about 1 year ago

@8:37: "Now if we want to style things globally ... we have a couple of options."

There was only one option discussed—:global(). What are the other options to style things globally?

Russ

11 months ago

I believe the other way is the normal way. Write a CSS file and then add it in to the app.html file by linking it as a style sheet?

Zak

about 1 year ago

svelte-preprocess was already installed and imported when I started this video. Looks like SvelteKit has it set up by default now.

Want to join the conversation?

Become a Pro member today!