From 18cfe345855b9b393428e580fabe56ecf02d0658 Mon Sep 17 00:00:00 2001
From: Martijn Cuppens <martijn.cuppens@gmail.com>
Date: Sat, 24 Aug 2019 16:11:02 +0300
Subject: [PATCH] Allow modification of the value of rem
---
scss/_reboot.scss | 8 ++++++++
scss/_variables.scss | 3 +++
2 files changed, 11 insertions(+)
diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index 15cc5972f9..34527010ae 100644
--- 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 735ea079b6..15559e682d 100644
--- 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;
--
GitLab