Merge pull request #428 from processing/fix/glossary

Update h4 styles

Author: Qianqianye

src/components/EducationResource/index.astro

@@ -22,7 +22,7 @@ const authorHTML = (await Astro.slots.render("author")).replace(/\<p[^\>]*\>/gm,
   </div>
   <div class="rendered-markdown">
     <div class="text-sm">
-      <h4 set:html={authorHTML} />
+      <div set:html={authorHTML} />
       <slot name="description" />
     </div>
     <div class="text-sm leading-8 [&_a]:whitespace-nowrap [&_a]:rounded-full [&_a]:mr-1 [&_a]:py-1 [&_a]:px-2 [&_a]:outline [&_a]:outline-1 [&_a]:outline-[var(--type-magenta-dark)]">

src/layouts/ReferenceItemLayout.astro

@@ -142,7 +142,7 @@ const seenParams: Record<string, true> = {};
                     seenParams[param.name] = true;
                     return (
                       <div class="grid grid-cols-6 gap-gutter-md text-body">
-                        <h4 class="col-span-1">{param.name}</h4>
+                        <span class="col-span-1">{param.name}</span>
                         <div
                           class="col-span-5 [&_p]:m-0 [&_p]:inline [&_a]:underline"
                         >

styles/global.scss

@@ -114,6 +114,21 @@ h3 {
   }
 }
 
+.text-h4,
+h4 {
+  font-size: 1.25rem;
+  line-height: 1.167;
+  -webkit-text-stroke-width: 0.1px;
+  font-family: var(--font-sans);
+  margin-top: var(--spacing-md);
+
+  @media (min-width: $breakpoint-tablet) {
+    font-size: 1.5rem;
+    line-height: 1.1333;
+    -webkit-text-stroke-width: 0.15px;
+  } 
+}
+
 .text-body-large {
   font-size: 1.25rem;
   line-height: 1.2;