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.

Challenge: Badges

Challenge: Badges - Sass Tutorial

From the course: Sass Essential Training

Start my 1-month free trial Buy for my team

Challenge: Badges

“

(lively bright music) - [Instructor] All right, it's time for some practice, so let's try using some of what we've learned to create a mixing that will help us generate badges for a website. I want to make sure that you use maps to create a set of color options for the badges, and there should be a hover color that uses SaaS color functions. You should also use conditionals that allow for a version of the badges that is more rounded. We'll call those pills. You can use the each statement to navigate through the maps and create the badge styles. I've created a link here to a problem section so you can see some startup code, as well as a solution section where you can see how I've solved this. Let's take a look at how it should look when you are done. Here's the three different badges that we have, and notice that when I roll over them, I get a hover state. That hover state gets created by making the colors a little bit…

Contents