Fix the chroma fix and use Sass more.

1 files changed, 19 insertions, 14 deletions

diff --git a/site/static/docs/4.3/assets/scss/_syntax.scss b/site/static/docs/4.3/assets/scss/_syntax.scss
index 7024b6941b..c6e7e60462 100644
--- a/site/static/docs/4.3/assets/scss/_syntax.scss
+++ b/site/static/docs/4.3/assets/scss/_syntax.scss
@@ -70,20 +70,25 @@
 /* LiteralStringOther */ .chroma .sx { color: #c30; }
 /* TextWhitespace */ .chroma .w { color: #bbb; }
 
-.chroma .language-bash::before,
-.chroma .language-sh::before {
-  color: #009;
-  content: "$ ";
-  user-select: none;
-}
+.chroma {
+  .language-bash,
+  .language-sh {
+    &::before {
+      color: #009;
+      content: "$ ";
+      user-select: none;
+    }
 
-.chroma .language-bash .m,
-.chroma .language-sh .m {
-  color: initial;
-}
+    // This is just to work around a Chroma bug;
+    // should be removed when fixed upstream
+    .m {
+      color: inherit;
+    }
+  }
 
-.chroma .language-powershell::before {
-  color: #009;
-  content: "PM> ";
-  user-select: none;
+  .language-powershell::before {
+    color: #009;
+    content: "PM> ";
+    user-select: none;
+  }
 }