Installing, Setup and Nesting | Starting with Sass

This series is all about getting up and running with the basics os Sass. In today's episode, we will install Sass, get it up and running in our project, and use basic nesting to make our code DRY.

Sass is the most mature, stable, and powerful professional grade CSS extension language in the world. In this series we will be covering the basics of Sass:
Preprocessing
Variables
Nesting
Partials
Import
Mixins
Inheritance
Operators

CSS on its own can be fun, but stylesheets are getting larger, more complex, and harder to maintain. This is where a preprocessor can help. Sass lets you use features that don't exist in CSS yet like variables, nesting, mixins, inheritance and other nifty goodies that make writing CSS fun again.

Once you start tinkering with Sass, it will take your preprocessed Sass file and save it as a normal CSS file that you can use in your website.

------------------------------------------------------------------------------------

////////// Want to support my content and get extra goodies? Become a member and get perks like member-only content, behind the scenes, design files, and more...

////////// Connect with me here 👍🏼

////////// Sign up for my Monthly Newsletter 📫

////////// Music is from Musicbed click below for a free trial 👇🏼

////////// Equipment 📸

[designchampions]

I will be releasing a new video in this little mini-series every day for the next few days. Make sure you hit that little bell 🔔🔔🔔 so you know when it drops

[hassanatbusari]

This is my first time using SASS as a developer, and I was able to set it up very easily. Thank you!

[draybaba]

I subscribed because Jesse Showalter is funny, gat swag and teaches well with fun!

[zdhjlvn]

Every sass tutorial ive viewed has a different way of initially setting up sass so things can get confusing. I choose to use the Live Sass Complier extension in vsCode. Im sure knowing how to compile it manually using terminal has its own benefits but its the quickest way to get up a running for a newb like myself. By the way, Great series!

[dariusemanuel]

Still perfect this video in 2021. THX!

[BenWindsorTV]

Thank you so much for this video, I think it is the single best tutorial I have seen for SASS and for some reason the first to get it working as it's so simple, Thanks again!! :)

[HanishGuptaHoney]

Good Explanation.
It Helped me.
Thanks!

[jlopekkos]

Just what I was looking for, thank you man

[blahablast]

Killer video man! I've watched a ton of coding tutorials. You have an excellent approach. I'm going to be recommending you to everyone.

[skidak]

This was actually more useful than a Lynda course.

[iuhere]

thank you very basic and to the point, helpful for getting started or setup, those tags might help video, "if possible" please include the difference of setting up in some other video on windows/linux/mac about setting nps as that is needed for the basic sass service and would complete the setup/tutorial part. Great job on this one. THank you and good luck for the next one! ❤

[chatastrify]

Perfectt! This video and series is coming out just when i wanted to learn sass ! I will definetly keep up with the rest of the series.

[minowmuncher]

Thank you dude! Insanely clear and concise.

[tebellosentlemabina]

Thank you very much. This really works

[naightspeed]

Yes - a Sass series! Thank you so much!

[alexsanchez-olvera]

Awesome vid! You explained everything so clearly. Keep up the good work — would definitely love to see more tutorials like this in the future

[godswillinyama]

Thank you so much Jesse, you just saved me the stress

[kaylajohnson]

Love your teaching style. Short and to the point and still very educational! However this is the first time I've seen that sass doesn't need curly braces. And I tried it on my own and the compiler got angry. I'll probably still add them out of habit anyway so it's a non-issue for me.

[bulldog]

I also started using vs code more often and am really starting to like it a lot.

[adebayomustapha]

Thanks Jesse, waiting for this since....