From the course: Sass Essential Training

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Solution: Build a button mixin

Solution: Build a button mixin - Sass Tutorial

From the course: Sass Essential Training

Start my 1-month free trial Buy for my team

Solution: Build a button mixin

“

(upbeat music) - [Instructor] All right, let's take a look at how we can solve this problem. I'm going to make my fonts a little bit smaller, so I can fit more on the screen. And I don't really need to see the HTML, so I'm going to make this window bigger right here, and I'm going to give myself as much room as I can on this top version. And then I'll open this up later, or I can even come over here on CodePen, and just put the CSS on the side, and let me see more of the finished code right here. So I'm going to start by modifying this class right here, and using my mixin keyword. And then this is going to require some sort of variable, and I'm going to add a default value here, of 888. And everything else here is going to be pretty much the same, but for the background, I want to make sure that I pass along, or I use that variable called COL for the color of the item. Now in here, I can go ahead and use the…

Contents