CSS is getting better, but Sass is still relevant

🔗 Links

⌚ Timestamps
00:00 - Introduction
00:36 - Why I prefer Sass nesting over CSS nesting
03:23 - Mixins
06:23 - Loops
13:10 - If/Else

#css

--

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

Keep up to date with everything I'm up to

Come hang out with me live every Monday on Twitch!

---

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!

[Raphael-jorp]

Use sass on a daily basis.
The day css will implement mixins and fonctions beside nesting, we'll consider going back to css.
Beside scss Tailwind is pretty solid. Love it too.

[iamtharunraj]

Sass/SCSS is my favourite CSS preprocessor. I use it with parcel for both practicing and building websites. I really love the flexibility it provides over vanilla CSS.

[damien]

That loop thing is cool! I chose SASS (not SCSS) for: nesting, clean looking, variables and the fact that I can cut my files into small digestible pieces. I feel mixins complexify the maintainabiliy.
Other than that, I've learned a lot of stuff since I discovered your channel recently. Keep it up Kevin!

[LePhenixGD]

12:46 Fancy way to add hue rotation! I'll definitely steal that one

[Atractiondj]

For me, if in CSS will be added mixin like in Sass this will be better. For example, we use display: flex; flex-direction …. Many times, with 1 mixin we can make code smaller.

[syn]

The BEM-style nesting is usually something I avoid as it means that seeing a class in the browser doesn't mean I can search for it in the code, that's a big drawback for me, especially as a codebase gets larger!

[Knards]

I love SASS. True, I am used to it, but I still delight in using it

[AgentZeroNine]

Shadow DOM + Custom Properties + CSS Module Scripts + other new CSS features alongside whats been around for a while = perfection

[donmorris]

Scss is my default too. I typically use scss version of bootstrap because it has so much built in for me. The responsive breakpoint system in bootstrap is one of my favorite features.

[peteharrison]

I'd be very interested how you managed snippets and defaults between projects. As you mentioned, sometimes you don't need long lists of utility classes or particular subsets of CSS, so how do you manage your vast number of both specialist and regular CSS ( and possibly JavaScript) etc?

[kelindrawn]

For the If/Else example you could also just use em for line-height, no? Thanks for the video!

[johnborron]

When you were doing the line-heights, what is that character that represents 'between' two sizes. Never seen it before. BTW that process looks excellent for graphic design work.

[arkson]

Always brilliant. Concise explanation about Sass usage 👌

[VivekYadav-upuu]

please keep making videos on the latest css properties

[BigBlueRabbit]

That UPPERCASE mixin just looked like the creation of a maintenance nightmare.

[blokche_dev]

Still relevant for the organisation of your styles across multiple files/folders too.

[stephensidor]

This might be a newbie question, but has anyone figured out how to disable Dart sass from throwing errors in ---watch mode using live server in vs code? I've just started using sass and while I'm typing out css in a sass file, for example if I'm beginning to type out a variable $ the page goes blank and it says "Error: Expected identifier" and it's really annoying and choppy to have these "errors" which aren't errors keep coming up. I've tried all the flags that dart sass offers to no avail. Just seeing if anyone else has fixed this problem/annoyance. Thanks!

[EvanEdwards]

Is there a focused (i.e., doesn't do lots of other stuff) transpiler for modern CSS spec to an older spec? Sort of like what Babel does for JS?

[daleryanaldover]

I get why Sass/Scss is loved by many but learning a new syntax back then was a deal breaker for my newbie brain (10 years ago). I decided to write in plain css, All you need to understand to write maintainable css is to keep in mind that styles cascade and with a bit of knowledge with how specifity works. I managed to never reach for Sass/Scss.

With tailwind's release, I understand from the get go what they are trying to accomplish, it's what I've been doing for the last decade (prototyping styled components, FAST). Now I never need to manage the css file since I can do everything on the mark-up instead. And if you've been using css frameworks for the past decade as well, you know how hard fighting opinionated css frameworks are. You can keep a general config for the usual styles you need but not every project will be using the same everytime so we end up overwriting the god damn bootstrap and the like for every new prooject.

[Cahnisama]

does the earlybird cupom combo with the purchase parity cupom?