Just a modular tip: You don't need to write @import each time you import a partial: You can simply add a comma and continue on the same line. @import "config", "main", "home", "menu", "about", etc;

Thank you so much for this. This is amazing Note to self coz im sure ill keep coming back here variables 8:43 maps 10:04 nesting 13:00 imports 17:00 functions 19:40 mixins 22:45 extensions 30:20 operations 32:00

Sass literally has everything that I wanted to do in CSS, like nesting properties inside of other properties. Thanks for the tutorial btw👍

've been using scss for years, didn't know half of features until this tut

Thanks. This is the first tutorial on anything related to CSS that I got all the way through without rocking on the floor in the fetal position crying.

Quick Tip: Change the savePath for the scss compilation to "~/../dist/css" if you want your css to be compiled relatively to whereever your scss is, not relatively to where the terminal is opened at. The options can be found in the same settings.json file in which you tweaked the scss config at the beginning of this tutorial, check 2:15. Took me 5 minutes+ to figure it out, might save you those precious 5 minutes :)

Took me 24 hours to get this typed out. I know the source is on github, but I just wanted to get used to it. Thanks, awesome as SASS is

Wow, one of my 2 requests has been met. Now I only wish for a nice Typescript tutorial. Great job guys!

Sass is the best and most powerful CSS preprocessor card-body and card-head

The explanation about "em" and "rem" differentiation was cristal clear and extremely short compare at when i was looking for an explanation. Thank you for the lesson !

Bless you guys. In the name of open source

In the example that the KZfaqr showed in the latter section, the part "home, projects, contact me" is shown in row, not column @41:30，it is because the KZfaqr have erased the tags and tags.

24 minutes in and I can't believe I waited so long to learn this. Subscribed.

Free code camp is just the best place for a new comer to learn code.

めちゃお世話になりました！ 英語もSASSも学べて非常に有意義な動画でした！！ ありがとうございます！！

Have watched the other SASS tuts. This one is the benchmark. But so grateful to all who give their time and knowledge thank you

variables 8:43 maps 10:04 nesting 13:00 imports 17:00 functions 19:40 mixins 22:45 extensions 30:20 operations 32:00 Credit: @Lilibeth Fabregas "Thank you so much for this. This is amazing Note to self coz im sure ill keep coming back here"

Such a great and understandable course!!! This helped me fully understand Sass. Thanks guys!

37:43 There is one important issue anyone didn't spot. Watch out for headings order - h2 comes after h1. As long as it's not related to navigation, this may disrupt page content flow and lead to SEO and accessibility related problems.

Thanks a lot for this wonderful training! Not easy to keep focused for 2 hours and keeping the audience focussed as well, really nicely presented

You are a natural and gifted teacher. Thanks for this tutorial and the others you have created.

Thanks so much for this! I've been seeing so many jobs ask for Sass knowledge, and I finally took the time to learn it with this video!

OMG,I just yesterday tried to find any video about sass. And now it's here....Thnx

the custom sass save in setting was really helpful, THANK YOU!

I learned a lot from this. Thanks! For consistency I think there a several styles that could have been made mixins in this tutorial that weren't.

Thanks for this video. Great and easy. We can improve this by using a single "open" class. This SASS works for me. &.open { visibility: visible; .menu-nav { transform: translateY(0); &__item { transform: translateX(0); } } }

omg your video is wonderful, I learned a lot more with 30 minutes of your video than 2h of my classes. Please keep doing such an amazing content !!

Awesome tutorial, not only did I learn SASS, I also learned how to structure my css and html a lot nicer. FYI: I was stuck on an issue with css not updating which left me baffled for about an hour because I messed up the directory structure and sass compiler live kept creating a new /dist/dist/css folder and compiling main.css there. At first, I was frustrated with the extension, then I felt silly. Be very attentive!

Awesome: simple, direct, exaustive, no useless discussion. Really a great job! Thanks

Best SCSS tutorial I've seen so far - Thank you

Awesome tutorial! Just wish you'd save more often so that we could see the effect of each line of styling.

Thank you for putting your time and effort into this tutorial, it was really helpful to me

for those of you using a terminal (Linux), here is a very easy way of compiling your sass whilst using any text editor: install sass via npm open the directory with your files in it open the terminal in that location execute the following command: while true; do sass sass/style.scss style.css; sleep 2; done command explained: while true; - starts a while loop do - what it should do sass - you installed this earlier sass/style.scss - your scss file (this may change) style.css; - your css file (this may change) sleep 2; - the interval at which it should refresh/compile (in seconds) done - ends the code to stop the loop from running, just press ctrl+c

I'm really grateful that I have learnt from this course a lot of insight. Please keep up the good work and encourage you'll to post such amazing courses looking forward to see more..Well done guys for wonderful course..😍😍😍

great tutorial man, really appreciated how you constantly reinforced ideas introduced earlier in the tutorial

A very good tutorial & easily understandable!! Thanks Man ...🤗

Confused why the in the automatically looks as if display: inline has been applied in css? Mine doesn't do that, I have to add that in

I really love this video, I have learned a lot with a p´rosessional one. What i apreciate the most is that the speach its at very easy to follow speed and the pronunciation is excelent. This is important so it can be understood all around the world. Thanks a lot Sir !!!

The address icon doesn't load. Should be: " Address " in html files. And instead of adding and removing "open" class you can simply toggle it in one function. Very good video!

Really awesome video man, first time I’ve stuck around till the end without skipping constantly 🤪

Thank you so much, it is really, really helpful

By far the best tutorial video I have seen on KZfaq, thanks a lot!

Thanks for this amazing tutorial about sass.I feel like you are a good man,i like the the way you go slowly to explain things.

What an absolutely rocking video. Incredible content, and an exceptional teacher as well. Very lucid and expressive.

These people always come with complete explanation of topics too good sass is what i was thinking to invest my some time on

Great course. Coded along for a few hours. Thanks!

Man, this project was really educational and fun to do. Thank you, Jesse

Thanks! that is just utterly easy to understand! I enjoyed every minute of your video!

Its late and i know i cant what till the end. I Will watch it for sure later. Its a must subscribe channel for sure. Congratulation .. u are very clear in your explanation

Great, after this video and some note-taking, we can add SCSS to our skills in CV.

I really loved this tutorial, thank you so much, it helped me a lot

Whit the amount of practice I have done(not even month, but is the only thing I have been doing) before this, I'm digesting this coding along so easily TYSM! @forward is deprecated btw

Thank you so much for blasting quickly through the basics at the beginning. I get so bored and frustrated with super slow videos. Happy, happy!!

Thanks Beau, very informative. Unlike the competetors teaching sass you get to the fundamentals that assist beginners in the early stages of development. Cheers :)

Really helpful SASS tutorial. Thanks

Its a beautiful way of explaining the SASS concepts. Thanks a lot!!

Thanks a lot for this, Sass is really great and I just loved nesting! And I also learned how to properly structure my code

Your all tutorial was awesome. This Sass tutorial was so easy. Thanks for giving such a simple way. It was very helpful

oh its 2 hours long video, but when you actually code along it becomes 5 hours + video..

dude u are the champ omfg i will shine XDD thanks mate

Best SASS tutorial!!! Better than the 455 INR Udemy Course

this was awesome. thanks for such clear concepts!

Great tutorial, clear explanation, thanks a lot man!!

Thank you, sir, and freeCodeCamp for giving us such free and brilliant content.

you sir ARE A LIFE SAVER! Very informative THANKS!!!

Nice, I also subscribed to the CodeStackr channel, I used the basics of Sass some time ago but this is a great video to remember how to use and also learn new functionaties

Best introduction bro.

... the fact is, that all the time we save when we start using tools like sass, whilst we are developping our code, we are going to lose it when it will be the time to decode another people project. Anyway really good video.

nice work with the burger/cross menu transitions

Done with the tutorial! Really good one! Thanks!

great tutorial...definitely worth the time and very beginner friendly

Thank you so much. This is a really useful post !!!

Thank you for the course video. Very beautifully explained Saas and its practical application

I just started learing Sass and i found this tutorial. Cant be better

Thank you for this course! very well-instructed!

This was a really good SASS tutorial. Thank you!

Thank you @freeCodeCamp and @codeSTACKr !

this is just a reminder that I watched the video till the end . FINISHED it was brilliant though.

Wooo, just finished the whole 2 hours, yay! Looks amazing and learnt a lot! Thanks @codeSTACKr

Thanks for the video! If you have a problem with changing the path of the "savePath" name, then just make sure you are changing the exact Live Sass Compiler settings .json file. Because there is more than one .json file and you might select not the right one. And, yes, I made this mistake as well...

the whole day have been watching different video about sass and coundlnt understand until i got to find this one

Such a great SASS course. I have learnt a lot of things from this video, Thank you.

Thank you so much for this video.. it is indeed impactful

Greate video for a sass beginner ! Thanks a lot!

Thank you so much for your videos; these are quite helpful for the beginners as well as experienced learners!!!

Nice tutorial, thanks FCC and codeSTACKr

Thank you so much!! Great tutorial!! :) And well explained!

정말 고맙습니다 codeSTACKr!

Great course so far. I have decided to learn JS, then come back and finish the course. Struggled with the JS part a bit

You can actualy watch this video with 2 times speed ! Even on my native language most of the times i cant but here just no problems ! Great Thx for this amazing vid ;)

best tutorial so far.

Thanks 👍🏻 fcc and coding stackr

Oh come on, I want that data structures video which was posted just now back to public please! I'm so in need of it!

You should change the @import with @use and @forward. Is the new way that sass works now

I checked and I subscribed too. Greate Course

Needed to be brought up to scss speed and FCC came in right on time for the win!

thank you -- from the philippines here

very good video..please make a advanced tutorial sequel of this current tutorial. we would love to learn from you rather anywhere else..

Thanks for explaining it so well !

Add fa-map-marker instead of fa-marker-alt for the Location Icon to appear.