In markdown, update summary > heading style (#1949)

* In markdown, update summary > heading style * Update headings.scss * Create tall-experts-hammer.md * Update headings.scss * Update headings.scss * Update headings.scss * Run stylelint Co-authored-by: simurai <simulus@gmail.com>
primer · Feb 28, 2022 · dab8319 · dab8319
1 parent 30f29d3
commit dab8319
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 0 deletions.
diff --git a/.changeset/tall-experts-hammer.md b/.changeset/tall-experts-hammer.md
@@ -0,0 +1,5 @@
+---
+"@primer/css": patch
+---
+
+Render headings inline when in a `<summary>`
diff --git a/src/markdown/headings.scss b/src/markdown/headings.scss
@@ -71,4 +71,21 @@
     font-size: 0.85em;
     color: var(--color-fg-muted);
   }
+
+  summary {
+    h1,
+    h2,
+    h3,
+    h4,
+    h5,
+    h6 {
+      display: inline-block;
+    }
+
+    h1,
+    h2 {
+      padding-bottom: 0;
+      border-bottom: 0;
+    }
+  }
 }