[WIP] restyle navigation

groundcontrol/admin-bundle.tasks.js

@@ -27,12 +27,17 @@ adminBundle.tasks.eslint = createEslintTask({
 });
 
 adminBundle.tasks.copy = gulp.parallel(
-    createCopyTask({src: [`${adminBundle.config.srcPath}img/**`], dest: `${adminBundle.config.distPath}img`})
+    createCopyTask({src: [`${adminBundle.config.srcPath}img/**`], dest: `${adminBundle.config.distPath}img`}),
+    createCopyTask({src: [`${adminBundle.config.srcPath}icons/**`], dest: `${adminBundle.config.distPath}icons`})
 );
 
 adminBundle.tasks.cssLocal = createCssLocalTask({src: `${adminBundle.config.srcPath}scss/*.scss`, dest: `${adminBundle.config.distPath}css`});
+adminBundle.tasks.cssNextLocal = createCssLocalTask({src: `${adminBundle.config.srcPath}scssnext/*.scss`, dest: `${adminBundle.config.distPath}cssnext`});
+
+
 
 adminBundle.tasks.cssOptimized = createCssOptimizedTask({src: `${adminBundle.config.srcPath}scss/*.scss`, dest: `${adminBundle.config.distPath}css`});
+adminBundle.tasks.cssNextOptimized = createCssOptimizedTask({src: `${adminBundle.config.srcPath}scssnext/*.scss`, dest: `${adminBundle.config.distPath}cssnext`});
 
 adminBundle.tasks.scripts = createScriptsTask({
     src: [

groundcontrol/start-local.task.js

@@ -69,6 +69,11 @@ export const buildOnChange = (done) => {
 
         const styleAssets = srcPath + 'scss/**/*.scss';
         gulp.watch(styleAssets, bundle.tasks.cssOptimized);
+
+        if (bundle.tasks.cssNextOptimized) {
+            const styleNextAssets = srcPath + 'scssnext/**/*.scss';
+            gulp.watch(styleNextAssets, bundle.tasks.cssNextOptimized);
+        }
     }
     done();
 };

gulpfile.babel.js

@@ -17,13 +17,15 @@ const analyzeAdminBundle = gulp.series(
 const buildLocalAdminBundle = gulp.series(
     adminBundle.tasks.copy,
     adminBundle.tasks.cssLocal,
+    adminBundle.tasks.cssNextLocal,
     adminBundle.tasks.scripts,
     adminBundle.tasks.bundle
 );
 
 const buildOptimizedAdminBundle = gulp.series(
     adminBundle.tasks.copy,
     adminBundle.tasks.cssOptimized,
+    adminBundle.tasks.cssNextOptimized,
     adminBundle.tasks.scripts,
     adminBundle.tasks.bundlePolyfills,
     adminBundle.tasks.bundleOptimized

package.json

@@ -58,6 +58,8 @@
   },
   "dependencies": {
     "@fortawesome/fontawesome-free": "^5.5.0",
+    "@snipsonian/scss": "1.8.2",
+    "svgxuse": "^1.2.6",
     "bootstrap-colorpicker": "^2.5.3",
     "bootstrap-sass": "^3.4.1",
     "cargobay": "Kunstmaan/cargobay#0.8.6-support",