Merge remote-tracking branch 'origin/test-stored-css' into 3.0.x

.gitignore

@@ -3,8 +3,4 @@
 .DS_Store
 gesso/
 !gesso/gesso_helper
-css/pattern-lab.css
-css/pattern-lab.scss
-css/styles.scss
-css/styles.css
-css/uw-dashboards.css
+css/

gulpfile.js

@@ -42,6 +42,31 @@ const compileComponentScripts = () => {
 
 const cssSrc = path.join(__dirname, '..', 'css');
 
+const PLSrc = [
+  path.join(__dirname, '/source/pattern-lab.scss')
+];
+
+const compilePLStyles = () => {
+  return src(PLSrc)
+    .pipe(sassGlob())
+    .pipe(sourcemaps.init())
+    .pipe(
+      sass({
+        includePaths: ['./node_modules/breakpoint-sass/stylesheets'],
+        precision: 10,
+      })
+    )
+    .pipe(
+      postcss([
+        require('postcss-assets')(),
+        require('autoprefixer')({
+          remove: false,
+        }),
+      ])
+    )
+    .pipe(dest(cssSrc));
+};
+
 const buildConfig = async() => {
   const scssDir = path.join(__dirname, '/source/_patterns/00-config');
   const ymlDir = path.join(__dirname, './source/_data');
@@ -211,12 +236,14 @@ const buildComponentScripts = (exports.buildScripts = series(compileComponentScr
 
 const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles, minifyCSS, compileLayoutStyles, minifyLayoutsCSS));
 
+const buildPLStyle = (exports.buildPLStyles = series(compilePLStyles));
+
 const build = (isProduction = true ) => {
   const scriptTask = isProduction ? bundleScripts : bundleScriptsDev;
   task('bundleScripts', scriptTask)
   return series(
     buildConfig,
-    parallel(task('bundleScripts'), buildStyles, buildComponentScripts, buildPatternLab));
+    parallel(task('bundleScripts'), buildStyles, buildComponentScripts, buildPLStyle, buildPatternLab));
 }
 
 exports.build = build(true);