modify root font-size

src/client/styles/scss/_editor-navbar.scss

@@ -12,7 +12,7 @@
     button {
       padding: 8px;
       margin: 0 2px;
-      font-size: 14px;
+      font-size: 1rem;
       line-height: 1;
       background-color: transparent;
       border: none;

src/client/styles/scss/_layout.scss

@@ -19,9 +19,6 @@
         cursor: default;
       }
     }
-    @include media-breakpoint-down(md) {
-      font-size: 14px;
-    }
   }
 
   /*

src/client/styles/scss/_override-bootstrap-variables.scss

@@ -29,6 +29,9 @@ $font-family-serif:       Georgia, "Times New Roman", Times, serif;
 $font-family-monospace:   Osaka-Mono, "MS Gothic", Monaco, Menlo, Consolas, "Courier New", monospace;
 $font-family-base:        $font-family-sans-serif;
 
+// $font-size-root effects the value of `rem`, which is used for as well font sizes, paddings and margins
+// $font-size-base effects the font size of the body text
+$font-size-root:          14px;
 
 
 //== Components

src/client/styles/scss/_override-bootstrap.scss

@@ -1,6 +1,10 @@
 @import 'override-bootstrap-variables';
 @import 'layout_variable';
 
+:root {
+  font-size: $font-size-root;
+}
+
 //** alert with custom color
 .alert {
   a:not(.btn) {