More accurately target sections that require alt hx styling

Author: DavidOliver

assets/css/content/functions.css

@@ -25,7 +25,8 @@
   position: relative;
 }
 
-.content-inner .detail-header .signature {
+/* #content used in selector to increase specificity and beat main heading rules */
+#content.content-inner .detail-header .signature {
   font-family: var(--monoFontFamily);
   font-size: 13px;
   font-weight: 700;

assets/css/content/general.css

@@ -70,21 +70,25 @@
   font-weight: 400;
 }
 
+/* Headings
+Summary, Callbacks and Functions sections output h1 and h2,
+which we style as h2 and h3. */
+
 .content-inner {
   & h1 {
     font-size: 2rem;
     margin-top: 1.75em;
   }
 
   & h2,
-  & #summary h1,
-  & .details-list h1 {
+  & :is(#summary, #callbacks, #functions) h1 {
     font-size: 1.75rem;
     margin-top: 1.5em;
+    margin-bottom: 0.5em;
   }
 
   & h3,
-  & .summary h2 {
+  & :is(#summary, #callbacks, #functions) h2 {
     font-size: 1.45rem;
     margin-top: 1.5em;
     margin-bottom: 0.5em;