feat: many design changes

webpack.config.js

@@ -0,0 +1,28 @@
+const path = require('path');
+const MiniCssExtractPlugin = require('mini-css-extract-plugin');
+
+module.exports = {
+  mode: 'production',
+  entry: './packages/base/Resources/Public/Scss/main.scss',
+  output: {
+    path: path.resolve(__dirname, 'packages/base/Resources/Public/Css'),
+    filename: 'main.js' // JS not needed, but required by Webpack. The CSS will be extracted.
+  },
+  module: {
+    rules: [
+      {
+        test: /\.scss$/,
+        use: [
+          MiniCssExtractPlugin.loader,
+          'css-loader',
+          'sass-loader'
+        ]
+      }
+    ]
+  },
+  plugins: [
+    new MiniCssExtractPlugin({
+      filename: 'main.css'
+    })
+  ]
+};