ISTWCMS-4837: updating gulpfile to compile layouts separately

gulpfile.js

@@ -106,6 +106,31 @@ const compileStyles = () => {
     .pipe(dest(cssSrc));
 };
 
+const layoutsSrc = [
+  path.join(__dirname, '/source/uw-dashboards.scss')
+];
+
+const compileLayoutStyles = () => {
+  return src(layoutsSrc)
+    .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 buildPatternLab = () => {
   return patternLab.build({ cleanPublic: true, watch: false });
 };
@@ -168,7 +193,7 @@ const watchFiles = () => {
 
 const buildComponentScripts = (exports.buildScripts = series(compileComponentScripts));
 
-const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles));
+const buildStyles = (exports.buildStyles = series(lintStyles, compileStyles, compileLayoutStyles));
 
 const build = (isProduction = true ) => {
   const scriptTask = isProduction ? bundleScripts : bundleScriptsDev;

source/uw-dashboards.scss

+@import 'breakpoint';
+
+@import '_patterns/00-config/**/*.scss';
+@import '_patterns/01-global/**/*.scss';
+@import '_patterns/03-layouts/layout/**/*.scss';
\ No newline at end of file