Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Git Commit and Congratulations
Lab: Part 2k – Finish Up the Sass Modules – Developer’s Genesis Starter Child Theme
Video Runtime: 06:18
WooHoo! You are now done with converting the native CSS stylesheet over into modular Sass. I know that was a long process, but you only needed to do it once. Now you have a codebase that you can use on every single project and site that you build.
Quick Summary of What You Learned:
- It’s Sass and not SASS.
- You have a modular codebase that you can use on every single project.
- Color changes are quicker as you change them in one spot and your entire stylesheet changes.
- Typography changes are quicker.
- Dimensions are customizable in one spot.
- It will allow you to work faster and with less errors.
- It will save you moola.
You Rock!
Excellent job! You just completed your Sass modules! You now have a modular styling architecture and codebase that will serve you on every single job. You do not have to go through this long, arduous process again. Nope, you have your codebase. Now you can extend and add to it.
What to Do Next?
Your best friend is code, Tonya is making the introductions.
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
