5 Sass features that make it better than vanilla CSS

A look at nesting, including the parent selector (&), and nesting media queries, as well as mixins, partials, functions, loops, and more.

Other Sass Videos:

⌚ Timestamps
00:00 - Introduction
00:44 - Nesting basics
03:33 - Nesting - the parent selector (&)
06:56 - Nesting and media queries
08:34 - Mixins
14:41 - Partials
16:58 - Functions
20:34 - Loops and more

#css #scss #sass

--

Come hang out with other dev's in my Discord Community

---

Keep up to date with everything I'm up to

---

Help support my channel

---


---

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.


---

And whatever you do, don't forget to keep on making your corner of the internet just a little bit more awesome!

[cjwebdev]

Hey Kevin, thanks for all of your hard work and sharing! I appreciate it all! Just so everyone knows I'm 46 and started coding 2yrs ago with youtube tutorials. So for the older guys and girls out there it's never to late to learn.

[danielluna]

One of the best and most functional Sass videos I've ever watched. Clear. Concise. And most importantly, useful.

[timbittins]

I started using Sass in january and now I'm highly addicted to it. I start sweating if I'm not using it and feel kind of weird and out of place without it. Thanks to my dealer mr. Powell.
"They tried to make me go to rehab. But I said p*3>no! "

[adamczarny]

I like the way, how fast and clearly you are showing it in normal css file and scss

[shreejitpal]

I'm sold. You got me at those media query features ❤️... less media queries typing is as good as saving lives 🙏

[mdyarafat]

The css king....
i have never ever seen anyone like you

[VasilyPavlik]

Brilliant as usual! Even if you know all these quirks separately, watching all these in one video turns your mind to new direction.

[primatondyaryakurniawan]

i'm falling in love with scss, you make me more loving it

[TheThirdWorldCitizen]

Been writing vanilla for years without sass. Definitely going to check it out today

[opossum]

Kevin, you're legendary as always! I've used sass for a long time and I just learned a lot! Thanks bud!

[JigneshPosarekar]

Been using sass for about a year now 😅 but this session made me realize that I haven't been using sass to its full potential till date... Learnt alot 🤘 thanks sir

[petarkolev]

This has become one of my favorite videos ❤️

[dzintarsmagons]

I was not paying attention that I was actually using node-sass for the last 6-8 months. I just switched to Dart Sass and it was really easy to transfer thanks to your explanation of how @use and @forward work. Thank you for sharing your wisdom, Kevin.

[nielslytzdk]

The CSS King strikes again :) Thanks a lot Kevin, more sass videos please!!!

[Ghostie]

Sass is awesome. Nesting just cleans things up so neatly, same with partials. Modular code made possible.

Brilliant video, Kev!

[rockmonty]

So many great tips. I always learn something new when I watch your videos & I've been making websites for many years.

[blackcatdev]

Thanks for the great video :)

Just as you said: many devs like having everything in media queries at the end of the code. But I, just like you, love nesting media queries inside elements. Then when I look at the code of the specific element, I have everything in one place. IMO it's much simpler when I don't have to scroll up and down just to see what will change in that element on particular screen sizes.

Actually, there is a quick(er?) way to add opacity to color in VS Code. When you paste hex color (or color name etc.), just hover over it and the color picker will show up. There is a slider that will change opacity and when you use it, the color will change to rgba() automatically. Anyway, functions are cool too.

[Anth-ony]

100% one of the best Sass videos out there. Very good information.

[TuanNguyen-tejx]

I cant believe that you make that content for free.

[abhishekshukla]

Awesome! Your channel is mine of knowledge for frontend developers in any stage of their career.