Grunt.js - 输出多个颜色主题样式表

Question

我正在使用SASS创建一个模板，我在整个样式表中使用一个变量来指示主题的主要颜色。

例如：

    $primaryCol : $444;
    #header { background: $primaryColour; }
    #h1 { color: $primaryColour; }

我希望能够做到这一点，循环遍历多个变量，并输出多个样式表，每个样式表都有不同的原色（$ primaryCol）。

所以我最终会：

    /css/style.css
    /css/red.css
    /css/blue.css
    /css/green.css
    ..etc..

这样只会让我的生活变得更轻松，而不是每次都要经历每一次，更改颜色，然后在每次推送更新时将其保存为新文件。