Migrate Site Header

Did you do your homework? Well, let’s go through it together. I’ll show you how I migrated it and we’ll talk about different refactoring strategies. You can select the technique that works best for you. Then let’s create a new header color variable and then add that to the partial. Little-by-little you are cleaning up the styles.

Tip: Think of the variables partials as configuration parameters for your project.

You will also learn about why you want to refactor:

Don’t repeat yourself.
Don’t repeat yourself.
Don’t repeat yourself.

Write your code to be DRY (don’t repeat yourself).

Remember: You don’t have to refactor. You don’t have to convert native CSS to Sass. Just breaking everything up into partials and modules is a huge leap forward in styling. Sass works on native CSS.