Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Migrate Plugins
Lab: Part 2a – Modular CSS Using Sass – Developer’s Genesis Starter Child Theme
Video Runtime: 08:12
As part of migrating the plugins, you will dive deeper into different nesting refactoring strategies and techniques in Sass. You get to see how to use the Sass ampersand &. You will also use the color variables. Little-by-little, you are learning what you can do in Sass to streamline, compress, and clean up the styles to be DRY, modular, and more readable. You are going to enjoy this one.
Here are some additional resources to help you out:
Whoever says that coding is hard, just smack them.
Episodes
Total Lab Runtime: 02:16:49
- 1 Lab Introductionfree 02:17
- 2 The Why of Modular CSSfree 11:50
- 3 The How - Meet Sassfree 08:15
- 4 Overview of the Theme's Sass Architecturepro 08:39
- 5 Layout the Sass File Structurepro 17:14
- 6 Color Variablespro 10:11
- 7 Start Migrating the Stylesheet to Sasspro 11:43
- 8 Migrate Structure and Layoutpro 10:18
- 9 Migrate Common Classespro 04:34
- 10 Migrate Widgetspro 08:43
- 11 Migrate Pluginspro 08:12
- 12 Migrate Skip Linkspro 02:24
- 13 Migrate Site Headerpro 10:09
- 14 Migrate Site Navigationpro 07:34
- 15 Migrate Content & Sidebarspro 06:37
- 16 Migrate Site Footer & Widgetspro 03:08
- 17 Handling Media Queriespro 05:01
- 18 Wrap it Upfree 00:00
