Monday! Monday! Monday! Open wide dev fans! Get ready! To stuff your face with

JavaScript CSS! Node modules! Barbecue tips! Get workflow! Break dancing! Soft skills!

Web development! The hastiest! The craziest! The tastiest! Web development

treats! Coming in hot! Here is Wes Barakuda! Boss! And Scott El Torro Lugo!

Tolinsky!

Welcome to syntax in this functional color CSS episode of syntax. We're going to be

talking about CSS color functions. We've talked about these before. We've had a

few episodes talking about color functions, but this is going to be straight up

practical stuff. With me, as always, is Wes Boss. Wes, what's happened to my man?

Oh, pretty excited about the CSS color functions. Like you said, we talked about it

on a show, and that was just kind of reading the spec as to what is going to be

coming. And you can go back and listen to the episode. We talked about all the

new color profiles and what that means. But now we are in a spot where I'm starting

to come. Specifically, Safari leading the pack here and rolling a lot of

these things out. So we're going to go through kind of three things that you,

yourself, are going to be able to use very soon in your CSS to work with color

functions. And I, man, I've been waiting for this for so long, being able to take

a color and make it darker lighter, add opacity, mix two colors together,

all those stuff that we could do in SAS like eight years ago or 15 years ago.

Now we can be able to do it dynamically. Exactly. And that's, it's not like,

oh, finally, we are at par with SAS. This is dynamically.

So let's go through them and we'll provide, provide some examples here.

...