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 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
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...