Removed unused variable, and renamed $fontSize

src/app/app.component.ts

@@ -6,12 +6,9 @@ import { PrimeNGConfig } from 'primeng/api';
 })
 export class AppComponent {
 
-    menuMode = 'static';
-
     constructor(private primengConfig: PrimeNGConfig) { }
 
     ngOnInit() {
         this.primengConfig.ripple = true;
-        document.documentElement.style.fontSize = '14px';
     }
 }

src/assets/layout/styles/layout/_main.scss

@@ -4,7 +4,7 @@
 
 html {
     height: 100%;
-    font-size: $fontSize;
+    font-size: $scale;
 }
 
 body {
@@ -25,5 +25,4 @@ a {
 
 .layout-wrapper {
     min-height: 100vh;
-    overflow-x: hidden;
 }

src/assets/layout/styles/layout/_variables.scss

@@ -1,4 +1,4 @@
 /* General */
-$fontSize:10px;
-$borderRadius:12px;
-$transitionDuration:.2s;
+$scale:14px;                    /* main font size */ 
+$borderRadius:12px;             /* border radius of layout element e.g. card, sidebar */ 
+$transitionDuration:.2s;        /* transition duration of layout elements e.g. sidebar, overlay menus */