IMPR: Namespaces refactoring

src/scss/_components/_ui.main.base.scss

@@ -15,6 +15,8 @@ body {
 body {
     display: flex;
     flex-direction: column;
+    --body-bg: #{inspect($body-bg)};
+    --body-color: #{inspect($body-color)};
     --body-gutter-x: #{inspect($body-gutter-x)};
     --body-gutter-y: #{inspect($body-gutter-y)};
     --body-gutter-reduced-x: #{inspect($body-gutter-reduced-x)};
@@ -24,6 +26,7 @@ body {
         flex: 1 0 auto;
         margin-bottom: $element-spacer-y;
     }
+
     .footer {
         flex-shrink: 0;
         margin-top: $element-spacer-y;
@@ -31,9 +34,12 @@ body {
 }
 
 @media (min-width: $extra-large-screen) {
-	html, body {
-		font-size: .9vw!important;
+
+    html,
+    body {
+        font-size: .9vw !important;
     }
+
     .container {
         max-width: 80vw;
     }
@@ -70,6 +76,7 @@ p {
     cursor: pointer;
     color: $link-color;
     text-decoration: $link-decoration;
+
     &:hover,
     &:focus {
         text-decoration: $link-hover-decoration;
@@ -79,6 +86,7 @@ p {
 
 // exclude bootstrap-table
 [data-toggle='table'] {
+
     &:hover,
     &.active,
     &:focus {
@@ -124,13 +132,15 @@ a,
 [data-toggle],
 button,
 .btn {
+
     &:hover,
     &.active,
     &[aria-expanded='true'] {
-		> .fa,
-		> .far,
-		> .fas,
-		> .fab,
+
+        >.fa,
+        >.far,
+        >.fas,
+        >.fab,
         &.fa,
         &.far,
         &.fas,
@@ -151,10 +161,11 @@ button,
         &:hover,
         &.active,
         &[aria-expanded='true'] {
-			> .fa,
-			> .far,
-			> .fas,
-			> .fab,
+
+            >.fa,
+            >.far,
+            >.fas,
+            >.fab,
             &.fa,
             &.far,
             &.fas,

webpack.configuration.js

@@ -2,7 +2,8 @@
  * Load webpack configuration from app/_config/webpack.yml
  */
 
-const YML_PATH = '/webpack.yml';
+const YML_PATH = '/app/_config/webpack.yml';
+const CONF_VAR = 'App\\Templates\\WebpackTemplateProvider';
 
 const path = require('path');
 const filesystem = require('fs');
@@ -15,8 +16,8 @@ const conf = yaml.safeLoad(
 
 let themes = [];
 // add themes
-if (conf['Site\\Templates\\WebpackTemplateProvider'].THEMESDIR) {
-  const themeDir = conf['Site\\Templates\\WebpackTemplateProvider'].THEMESDIR;
+if (conf[CONF_VAR].THEMESDIR) {
+    const themeDir = conf[CONF_VAR].THEMESDIR;
     const dir = path.resolve(__dirname, themeDir);
 
     if (filesystem.existsSync(dir)) {
@@ -32,6 +33,6 @@ if (conf['Site\\Templates\\WebpackTemplateProvider'].THEMESDIR) {
 }
 
 module.exports = {
-  configuration: conf['Site\\Templates\\WebpackTemplateProvider'],
+    configuration: conf[CONF_VAR],
     themes: themes,
 };

webpack.yml

@@ -2,7 +2,7 @@
 # with all configuration variables presented
 # Cuz WebPack compiling script use it to set configuration
 
-Site\Templates\WebpackTemplateProvider:
+App\Templates\WebpackTemplateProvider:
   APPDIR: ./
   THEMESDIR: themes
   HOSTNAME: 127.0.0.1