Merge pull request #96 from istrategylabs/preserve-custom-properties

preserve css custom properties
islco · Sep 29, 2017 · d721715 · d721715
2 parents e99f8c8 + 13faba7
commit d721715
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/{{cookiecutter.repo_name}}/README.md b/{{cookiecutter.repo_name}}/README.md
@@ -68,6 +68,13 @@ mo-static uses [SUIT CSS](https://suitcss.github.io/) to package its css but it
 
 A list with all utilities can be found [here](https://github.com/suitcss/utils) and a list with all components can be found [here](https://github.com/suitcss/components)
 
+By default, SUIT CSS will compile CSS custom properties. If you wish to preserve any custom properties you can uncomment these lines in the css gulp task of `build.js`.
+
+```javascript
+// 'postcss-custom-properties':{preserve: true},
+```
+
+
 ## Configuration
 
 [convict](https://github.com/mozilla/node-convict) is used to handle configuration which lives in `config.js`.

diff --git a/{{cookiecutter.repo_name}}/gulp/build.js b/{{cookiecutter.repo_name}}/gulp/build.js
@@ -21,6 +21,7 @@ gulp.task('css', () =>
   gulp.src('src/static/css/app.css')
     .pipe(sourcemaps.init())
     .pipe(suitcss({
+      // 'postcss-custom-properties': {preserve: true},
       stylelint: stylelintConfig,
       use: ['postcss-nested']
     }))