Support environment specific scss files

src/Handler.php

@@ -221,6 +221,8 @@ class Handler
       'js/{{ project_name }}.js',
       'sass/_default-variables.scss',
       'sass/style.scss',
+      'sass/environment/development/_local-settings.scss',
+      'sass/environment/production/_local-settings.scss',
       '.gitignore',
       'favicon.ico',
       'logo.svg',

templates/gulpfile.js.twig

@@ -55,6 +55,7 @@ gulp.task('css', function() {
       outputStyle:gulpif(options.env !== 'production', 'nested', 'compressed'),
       includePaths:[
         config.sassPath,
+        config.sassPath + '/environment/' + options.env,
 {% for name, package in bower_assets %}
 {% if package.sass is defined %}
         '{{ package.sass.relative }}',

templates/sass/environment/development/_local-settings.scss

+// Define your variables for the development environment below

templates/sass/environment/production/_local-settings.scss

+// Define your variables for the production environment below

templates/sass/style.scss

@@ -4,6 +4,7 @@
 //
 // Also, please have a look into default variables.
 // =============================================================================
+@import 'local-settings';
 @import 'settings';
 @import 'default-variables';
 @import 'bower-assets.scss';