Remove some bootstrap styles. Apply bootstrap only when modal opened

package.json

@@ -41,6 +41,8 @@
     "babel-preset-react": "^6.24.1",
     "css-loader": "^0.28.11",
     "file-loader": "^1.1.11",
+    "node-sass": "^4.9.2",
+    "sass-loader": "^7.0.3",
     "style-loader": "^0.21.0",
     "url-loader": "^1.0.1",
     "webpack": "^4.15.1",

src/App/index.js

@@ -7,6 +7,8 @@ import {i18n} from '../Localization';
 
 import {config} from '../config';
 
+import './bootstrap-custom/css/es-bootstrap.scss';
+
 const alertify = require("alertify.js");
 
 class App extends Component {

src/LangSwitcher/styles.css

@@ -3,7 +3,7 @@
 }
 
 .lang-thumb {
-    display: inline-block;
+    display: inline-block !important;
     margin: 0;
 }
 

src/index.js

@@ -5,10 +5,11 @@ import 'babel-polyfill';
 import React from 'react';
 import ReactDOM from 'react-dom';
 
-import 'bootstrap/dist/css/bootstrap.css';
-import 'bootstrap/dist/css/bootstrap-theme.css';
-
 import App from './App/';
 
 const rootElement = document.createElement("div");
+rootElement.id = "es-typos-root";
+
+document.body.appendChild(rootElement);
+
 ReactDOM.render(<App />, rootElement);

webpack.config.js

@@ -22,6 +22,7 @@ module.exports = {
                 }
             },
             { test: /\.css$/,   loader: "style-loader!css-loader"},
+            { test: /\.scss$/,   loader: "style-loader!css-loader!sass-loader"},
             { test: /\.(png|woff|woff2|eot|ttf|svg)(\?|$)/, loader: 'url-loader?limit=100000' }
         ]
     },