Update uiFramework build task and webpack config to support themed CS…

…S files. (#13487) - Add theme toggle to UI Framework header.
elastic · Aug 14, 2017 · b128db6 · b128db6
1 parent 97812a1
commit b128db6
Show file tree

Hide file tree

Showing 23 changed files with 2,574 additions and 71 deletions.
diff --git a/tasks/ui_framework.js b/tasks/ui_framework.js
@@ -83,30 +83,34 @@ module.exports = function (grunt) {
   }
 
   function uiFrameworkCompile() {
-    const src = 'ui_framework/src/index.scss';
-    const dest = 'ui_framework/dist/ui_framework.css';
-
-    return new Promise(resolve => {
-      sass.render({
-        file: src,
-      }, function (error, result) {
-        if (error) {
-          grunt.log.error(error);
-        }
-
-        postcss([postcssConfig])
-          .process(result.css, { from: src, to: dest })
-          .then(result => {
-            grunt.file.write(dest, result.css);
-
-            if (result.map) {
-              grunt.file.write(`${dest}.map`, result.map);
-            }
-
-            resolve();
-          });
+    const compileTheme = name => {
+      const src = `ui_framework/src/${name}.scss`;
+      const dest = `ui_framework/dist/ui_framework_${name}.css`;
+
+      return new Promise(resolve => {
+        sass.render({
+          file: src,
+        }, function (error, result) {
+          if (error) {
+            grunt.log.error(error);
+          }
+
+          postcss([postcssConfig])
+            .process(result.css, { from: src, to: dest })
+            .then(result => {
+              grunt.file.write(dest, result.css);
+
+              if (result.map) {
+                grunt.file.write(`${dest}.map`, result.map);
+              }
+
+              resolve();
+            });
+        });
       });
-    });
+    };
+
+    return Promise.all([compileTheme('theme_light'), compileTheme('theme_dark')]);
   }
 
   function uiFrameworkWatch() {