You have a directory (colour-scheme/
) containing .less
(each defining a different colour scheme). For each of those files (call it scheme-x.less
), compile it with the "core" .less
file(s) (stored elsewhere) to create style-x.css
.
Preferably, by adding a .less
file to colour-scheme/
directory and running a grunt task, the appropriate style-?.css
should be created. That is, no editing of Gruntfile.js is required.
Directory layout is below.
None of that is tested.
You will need a step in between: Cache.
The tasks you need are
grunt-contrib-concat
andgrunt-contrib-less
And the tasks should be configured like this:
Note: I'd recommend using a distinct distribution/deploy target directory for the concatenated and processed
.css
file.