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.
If you listen carefully, you can hear the 1s and 0s flowing in your computer.
Total Lab Runtime: 00:55:07