In this section, you'll be able to build up your theme design piece by piece, starting with aspects that affect the default.hbs template and moving on to each individual template. As you go, you can choose the sections that correspond to your quick start theme quiz choices, and hence have the ability to create several different types of designs via different combinations of the below.
Before you begin, run the grunt watch command on your project's compiler as per the instructions in Chapter 3, Preparing for Theme Development.
Note
Note that, by default, your screen.css file will be written in compressed format to make its load speed as fast as possible; however, if you want it to be readable during development, change the compiler folder's Gruntfile compress option to false before running the grunt watch command.
As you hash out the initial layout stages, don't worry if your theme looks plain, because we'll be using only placeholder colors and visual...