diff --git a/src/Handler.php b/src/Handler.php
index 714db1fc4132db54e85ba6c6ef39de4d6a3d7b91..ecbb4626de2b8995cfba554edf4f4644b1d8fec8 100644
--- a/src/Handler.php
+++ b/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',
diff --git a/templates/gulpfile.js.twig b/templates/gulpfile.js.twig
index 2d0fdbca98a220e602123e3a6d76ed27054b05be..3e7412f31275c401be87621ad7fcf9337e915102 100644
--- a/templates/gulpfile.js.twig
+++ b/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 }}',
diff --git a/templates/sass/environment/development/_local-settings.scss b/templates/sass/environment/development/_local-settings.scss
new file mode 100644
index 0000000000000000000000000000000000000000..64f4ab4a9656eb75c2a418f46b9cbee355a40a88
--- /dev/null
+++ b/templates/sass/environment/development/_local-settings.scss
@@ -0,0 +1 @@
+// Define your variables for the development environment below
diff --git a/templates/sass/environment/production/_local-settings.scss b/templates/sass/environment/production/_local-settings.scss
new file mode 100644
index 0000000000000000000000000000000000000000..f74bfa95205fcf8bd220893a76d0b972f78ebc18
--- /dev/null
+++ b/templates/sass/environment/production/_local-settings.scss
@@ -0,0 +1 @@
+// Define your variables for the production environment below
diff --git a/templates/sass/style.scss b/templates/sass/style.scss
index 8d04f4b8cfe692136a655b1cff93b18275c5219d..7903e39dc1ce7db34e13aaa9073ed0ab7bb497a0 100644
--- a/templates/sass/style.scss
+++ b/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';