Unlock your potential with a Pro Membership
Here is where you propel your career forward. Come join us today. Learn more.
Base Styles
Lab: Part 2b – Navigation Sass Module – Developer’s Genesis Starter Child Theme
Video Runtime: 12:34
Step one is to find and migrate in all of the media query styles and load those into the base styles partial. Remember the strategy is to have all of the styles for a component, module, or attribute to be within the file. We do discuss optimization strategies too with thinking about how to break down your styles.
In this episode, you will start using Bourbon.io functions, such as rem to convert pixels to rems. First you look at the functions available to you in Sass. The pixel to rems conversion is not native to Sass. Therefore, you will use the one in Bourbon.
You will also be refactoring, assigning color and font size variables, and walking through different alternatives.
Once upon a time, there was a developer... You! This is going to be a good story...
Episodes
Total Lab Runtime: 00:55:07
- 1 Lab Introductionfree 01:14
- 2 .js Media Queriespro 19:27
- 3 Base Stylespro 12:34
- 4 Primary and Secondary Navigationpro 04:46
- 5 Accessible Navigation Stylespro 08:55
- 6 Pagination Stylespro 08:11
