Correctly implement RFS in `:root` CSS variable for `$body-font-size` (#35326)

* rfs fix

* Update scss/_root.scss

* Update _reboot.scss

Co-authored-by: Mark Otto <otto@github.com>
Co-authored-by: Mark Otto <markd.otto@gmail.com>

diff --git a/scss/_reboot.scss b/scss/_reboot.scss
index acd1138bb6e241c6fb47b5136b175f43877c6933..bf0eb9e2505f6614a3139b9e2368276f6481dc21 100644 (file)
--- a/scss/_reboot.scss
+++ b/scss/_reboot.scss
@@ -49,7 +49,7 @@
 body {
   margin: 0; // 1
   font-family: var(--#{$variable-prefix}body-font-family);
-  @include font-size(var(--#{$variable-prefix}body-font-size));
+  font-size: var(--#{$variable-prefix}body-font-size);
   font-weight: var(--#{$variable-prefix}body-font-weight);
   line-height: var(--#{$variable-prefix}body-line-height);
   color: var(--#{$variable-prefix}body-color);

diff --git a/scss/_root.scss b/scss/_root.scss
index 5e138e97b492e062f0568786a27c2acba27fa377..2927c343ff23e1e125af058d822aff7747b37948 100644 (file)
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -41,7 +41,7 @@
     --#{$variable-prefix}root-font-size: #{$font-size-root};
   }
   --#{$variable-prefix}body-font-family: #{$font-family-base};
-  --#{$variable-prefix}body-font-size: #{$font-size-base};
+  @include rfs($font-size-base, --#{$variable-prefix}body-font-size);
   --#{$variable-prefix}body-font-weight: #{$font-weight-base};
   --#{$variable-prefix}body-line-height: #{$line-height-base};
   --#{$variable-prefix}body-color: #{$body-color};