5 Sass features that make it better than vanilla CSS

you fucking nice

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

I love this channel. I learn so much new. And so many new cool stuff. I have learned more in the last few days than I did for the last years <3

magnifique

thx

Thanks for this excelent explanation

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

😐❤️🔥

Awesome tutorial 🔥

Funny, if you look at the rgba conversion feature, the vscode plugin shows that the colors actually mismatch, comparing the color previews with each other.

This has become one of my favorite videos ❤️

thanks❤

This is a great expository video, as usual. One problem I constantly run into (am running into currently) with SASS is an overly elaborate organizational structure and sloppy curation of the parts. It really defeats the power of SASS to be efficient. I'm also baffled by some folks using endless utilities to solve problems that never existed. I can't find the point of writing "converts(16, px, rem)" instead of writing "1rem" for projects that can't define the need.

Parcials are useless due to Chrome's aggressive caching. Because my CSS file changes but Chrome won't see that change. So in order to refresh it you end up refreshing ALL your CSS even if you only changed 1 line, you end up re-downloading all your CSS. So your argument that it optimises downloading is 100% incorrect.

Don`t use sass/scss, use postcss instead

Sorry I'm still not a fan. I hate inheriting projects only to find out the CSS was originally set up via Sass or Less or something and compiled but then other people made edits to the compiled css and now it's just a nightmare. The Sass code can present issues when searching for specific media queries and mixins can create real headaches when it's up to every developer what they want to name things and it's not obvious what's being done in the code to re-invent the wheel to the personal preferences of any given developer at a glance.

I will admit, there are some nice built in features such as the option to use rgba( red, .1), but honestly almost all the popular IDEs have the ability to change between the colors for you. You're using visual studio code and you can simply click the color block and then click the label at the top of the popup to cycle through all the various formats. And honestly even things like loops and what not are often supported by code completion tools and you can take full advantage of the speed saving techniques for writing code without making the poor sod that comes after you try and pick up the pieces.

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

Hey thanks for the informative video. Toward the end, I wasn't sure why one would try to build a grid with Flexbox instead of CSS Grid? Seems like you're doing a lot of work to make that grid happen, compared to what I've seen is possible with grid-area, etc.. Speaking of, I was wondering how SASS and CSS Grid work together?