docs: fix storybook code tag not having any highlight/monospace font (#…

…26187)
microsoft · Jan 6, 2023 · 0176bd1 · 0176bd1
1 parent 73bd103
commit 0176bd1
Showing 1 changed file with 15 additions and 2 deletions.
diff --git a/.storybook/docs-root.css b/.storybook/docs-root.css
@@ -62,6 +62,11 @@
   padding: 48px 0 0 0;
 }
 
+#docs-root .sbdocs-h2 code {
+  border-radius: 4px;
+  font-size: 20px;
+}
+
 #docs-root .sbdocs-h3 {
   font-family: 'Segoe UI', 'Segoe UI Web (West European)', -apple-system, BlinkMacSystemFont, Roboto, 'Helvetica Neue',
     sans-serif;
@@ -72,6 +77,11 @@
   color: #000000;
 }
 
+#docs-root .sbdocs-h3 code {
+  border-radius: 3px;
+  font-size: 16px;
+}
+
 /* Only apply to H3s inside of stories which have a parent with an ID */
 #docs-root [id] > .sbdocs-h3:before {
   content: '';
@@ -285,7 +295,7 @@
 #docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(2) span,
 #docs-root .docblock-argstable-body > tr > td:nth-child(2) > div:nth-child(1) > div > span,
 #docs-root .css-16d4d7t {
-  font-family: Menlo, monospace;
+  font-family: 'Cascadia Code', Menlo, 'Courier New', Courier, monospace;
   font-style: normal;
   font-weight: normal;
   font-size: 14px;
@@ -318,7 +328,10 @@
 }
 
 #docs-root code {
-  margin: 1px 0 1px 0;
+  padding: 0.1em 0.2em;
+  display: inline-block;
+  background-color: rgba(17, 16, 15, 0.1);
+  border-radius: 2px;
 }
 
 .os-content-glue {