Apply BEM to Color Variables - Know the Code

Unlock your potential with a Pro Membership

Here is where you propel your career forward. Come join us today. Learn more.

Login to your account

Skip to episode playlist

Just as we did with the typography, let’s apply BEM naming convention to the color variables, e.g. $button--hover-background-color.

Your functions are bloated. Put them on a diet. Think "skinny" and "as few lines as possible."

Episodes

Total Lab Runtime: 01:19:50

1 Introducing BEMpro 07:28
2 Apply BEM to Typography Variablespro 10:50
3 Apply BEM to Color Variablespro 10:57
4 Refactor Colorspro 04:00
5 Apply BEM to Dimensions Variablespro 07:47
6 Apply BEM to Screen Sizes Variablespro 02:26
7 Neat Breakpointspro 16:10
8 Main Stylespro 13:54
9 Git Commit and Congratulationspro 06:18

Back to the lab's opening page.