update

Build/StyleSheets/Theme/_variables.scss

@@ -1,3 +1,5 @@
 //
 // Variables
 //
+$body-bg : gray;
+$body-color: green;

Build/StyleSheets/Theme/theme.scss

@@ -1,9 +0,0 @@
-//
-// Variables
-//
-@import "variables";
-
-//
-// Import needed Bootstrap Package Files
-//
-@import "../../../../../bootstrap_package/Resources/Public/Scss/Theme/theme";

Build/StyleSheets/rte.scss

@@ -0,0 +1,37 @@
+@charset "utf-8";
+
+@import "Bootstrap/functions";
+
+@import "Theme/variables";
+
+@import "Bootstrap/variables";
+@import "Bootstrap/mixins";
+@import "Bootstrap/reboot";
+@import "Bootstrap/type";
+
+// ***************************************
+// rte styles
+// ***************************************
+
+body.cke_editable.cke_contents_ltr {
+    margin      : auto;
+    padding     : rem-calc(10 20);
+    color       : $body-color;
+    font-family : $font-family-base;
+}
+
+p {
+    color : $body-color;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5 {
+    color : $headings-color;
+}
+
+.text-highlight {
+    color : $primary;
+}

Build/StyleSheets/styles.scss

@@ -1,2 +1,15 @@
+@import "Bootstrap/functions";
+
+@import "Theme/variables";
+
+@import "Bootstrap/variables";
+@import "Bootstrap/mixins";
 @import "Bootstrap/reboot";
-@import "Bootstrap/bootstrap-grid.scss";
+
+@import "Bootstrap/grid";
+@import "Bootstrap/utilities/display";
+@import "Bootstrap/utilities/flex";
+@import "Bootstrap/utilities/spacing";
+
+// Bootstrap Optional
+@import "Bootstrap/type";

Build/tsconfig.json

@@ -5,11 +5,11 @@
         "sourceMap": true,
         "outDir": "./compiled/js/",
         "allowSyntheticDefaultImports": true,
-        "rootDir": "./Build/TypeScript",
+        "rootDir": "./TypeScript",
     },
 
     "include": [
-        "./Build/TypeScript/*"
+        "./TypeScript/*"
     ],
 
     "exclude": [

Build/webpack.config.js

@@ -8,7 +8,8 @@ module.exports = ( env, argv ) => {
     let config = {
         entry: {
             default: './TypeScript/app.ts',
-            styles: './StyleSheets/styles.scss'
+            styles: './StyleSheets/styles.scss',
+            rte: './StyleSheets/rte.scss'
         },
         resolve: {
             extensions: [ '.ts', '.js' ]
@@ -19,7 +20,13 @@ module.exports = ( env, argv ) => {
         },
         plugins: [
             new MiniCssExtractPlugin({
-                filename: '../StyleSheets/[name].css'
+                filename: ({chunk}) => {
+                    console.log(chunk.runtime);
+                    if (chunk.runtime == "rte") {
+                        return '../StyleSheets/Backend/[name].css';
+                    }
+                    return '../StyleSheets/[name].css';
+                }
             })
         ],
         cache: {
@@ -52,6 +59,7 @@ module.exports = ( env, argv ) => {
                 use: [{
                     loader: MiniCssExtractPlugin.loader,
                     options: {
+
                     }
                 }, {
                     loader: 'css-loader'