sass vs scss - what's the difference and which should you use?

Sass has two different versions, or syntaxes, Sass, and SCSS. In this video I explore the difference between the two and talk a bit about which one you should use.

The biggest difference between the two is Sass (using .sass file extension) uses indentation instead of curly braces and semi-colons.

SCSS stands for Sassy CSS, and it keeps all the traditional CSS syntax, but adds in the Sass superpowers.

#fiveminutefriday

---



---



---


I'm on some other places on the internet too!

If you'd like a behind the scenes and previews of what's coming up on my YouTube channel, make sure to follow me on Instagram and Twitter.

[soufianeibnouine]

CSS without curly braces looks kinda weird. I'll go with SCSS thought !
Thansks for the video

[setyoufree]

What's wrong with people who gave thumb down? All free knowledge like this should be appreciated.

[MadBunnyRabbit]

Yooo! The intro is so freaking accurate. I love how self aware he is about why people would look for this. Great intro. Good job sir.

[bellatobe]

Thank you for the clear explanation, I'm completely new to Sass and SCSS and this has helped me!

[annoying_something]

So SASS is just CSS “PYTHON Style”? - Sounds cool

[adlbh]

Could not find better videos about coding so well explained until I found your channel.
Congrats... Your videos are awesome! Keep it up!

[crooker]

SCSS for the win! (I work a lot with other people's css... So now I don't have to worry about bringing it into scss).

[sashatv]

Kevin, you are amazing person! I want to thank you for you kindness!

[badihbarakat]

Fascinating... I had lots of compile errors because the file extension was .sass. Didn't know that it is different than .scss... Excellent...

[rubhan]

10 seconds into the video and that is so spot on. It was frustrating to look up videos on YouTube about SASS because some don't mention that they are actually using SCSS and I think they should write that and not just SASS in the title. idk they look different so would help to distinguish between videos. Only looked into .sass, just know that there is different syntax for .scss.

[Dylson]

Great Video Kevin! Great stuff and still watching in 2022!

[tossichugs]

i came to this video because i was watching another one of your vids and thought scss looked interesting, now i feel a bit more inclined to learn because i like how it flows :3 Thanks for the vid!

[starryfoxx_]

By far the best video that's broken this down. Thank you so much.

[ExploreAdore]

For me it's SCSS, mainly so i don't start leaving out { ; } whenever I choose to write CSS.

[binihalex]

And I was here thinking it's a totally complex css preprocessor or something. Thanks for easy tip.

[zarghamaijaz]

I personally think SCSS is better. The structure and nesting looks clean plus code editors and libraries like React natively supports it. Also you can't do much in the 5 seconds you saved by not putting curly braces in your SASS file

[helenapersson]

I've been learning CSS, but I'm trying to learn SCSS and turning to React now. It looks cleaner and it feels like it's easier to structure!

[ebifleck]

Great tutorial as always Kevin. Many thanks for a simple explanation.

[dmitry.gashko]

I used to use sass, but than I realized that code editors often work with scss better - first of all auto-formatting and intellisense features.

[АннаКовыляева-жс]

finally there is a clear explanation! thanks!