A great advantage of using Harp is that it has a built-in Less compiler. When you run the
$ harp compile command, it compiles both your
.ejs templates and your
.less files into regular HTML and CSS. This is much easier than using something like
less.js, which you would have to remove from production. When you're compiling your project for the first time, ensure that you include some code inside your
theme.less file. Otherwise,
theme.css will not be written.
Head back to the
components directory that you created earlier and open up the
_variables.less file. Within this file, we'll configure what I call global CSS variables. Moreover, within this file, we'll define only those variables that apply across ...