Allow modification of the value of rem

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 15cc5972f9d519cd9b5b58753793d8379ad03e65..34527010ae9aa9a1b48679d821444b57d060530d 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -17,6 +17,14 @@
   box-sizing: border-box;
 }
 
+// Root
+//
+// 1. Ability to the value of the root font sizes, affecting the value of `rem`.
+//    null by default, thus nothing is generated.
+
+:root {
+  font-size: $font-size-root; // 1
+}
 
 // Body
 //

diff --git a/scss/_variables.scss b/scss/_variables.scss
index 735ea079b6f3c65d2409a0a2294ab44284d2e823..15559e682dacd5c17bc47668f7e4d547fe136bb1 100644 (file)
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -288,6 +288,9 @@ $font-family-monospace:       SFMono-Regular, Menlo, Monaco, Consolas, "Liberati
 $font-family-base:            $font-family-sans-serif !default;
 // stylelint-enable value-keyword-case
 
+// $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:              null !default;
 $font-size-base:              1rem !default; // Assumes the browser default, typically `16px`
 $font-size-lg:                $font-size-base * 1.25 !default;
 $font-size-sm:                $font-size-base * .875 !default;