theming.md: bring `:root` up to par with Scss. (#29323)

Also, add a warning in _root.scss so that we don't miss it again.

diff --git a/scss/_root.scss b/scss/_root.scss
index 055ac32fb091ce5c6eaeb825dbc462db030afbc2..dcad3ee013da170d485924a133cfa7a366670994 100644 (file)
--- a/scss/_root.scss
+++ b/scss/_root.scss
@@ -1,3 +1,4 @@
+// Do not forget to update getting-started/theming.md!
 :root {
   // Custom variable values only support SassScript inside `#{}`.
   @each $color, $value in $colors {

diff --git a/site/content/docs/4.3/getting-started/theming.md b/site/content/docs/4.3/getting-started/theming.md
index 28b57e4ad1ffe97f6c9d33e5a66f3e27da3dfd9a..b999e490935bc8a7cef875d54955ef628e30627c 100644 (file)
--- a/site/content/docs/4.3/getting-started/theming.md
+++ b/site/content/docs/4.3/getting-started/theming.md
@@ -391,7 +391,7 @@ Here are the variables we include (note that the `:root` is required). They're l
   --danger: #dc3545;
   --light: #f8f9fa;
   --dark: #343a40;
-  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
+  --font-family-sans-serif: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
   --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
 }
 {{< /highlight >}}