feat: add styles for definition list (#344)

* feat: dd styles for definition list * chore: re-generate css
imfing · Mar 31, 2024 · 0d6cbba · 0d6cbba
1 parent 1936b46
commit 0d6cbba
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 0 deletions.
diff --git a/assets/css/compiled/main.css b/assets/css/compiled/main.css
@@ -1730,6 +1730,16 @@ video {
   --tw-text-opacity: 1;
   color: rgb(156 163 175 / var(--tw-text-opacity));
 }
+/* Definition list */
+.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dt {
+  margin-top: 1.5rem;
+  font-weight: 600;
+}
+.content :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) dd {
+  margin-top: 0.5rem;
+  margin-bottom: 0.5rem;
+  padding-inline-start: 1.5rem;
+}
 .content .footnotes {
   margin-top: 3rem;
   font-size: .875rem;

diff --git a/assets/css/typography.css b/assets/css/typography.css
@@ -77,6 +77,15 @@
       @apply hx-text-sm hx-text-gray-500 dark:hx-text-gray-400 hx-mt-2 hx-block hx-text-center;
     }
   }
+  /* Definition list */
+  :where(dl):not(:where([class~=not-prose],[class~=not-prose] *)) {
+    dt {
+      @apply hx-mt-6 hx-font-semibold;
+    }
+    dd {
+      @apply hx-my-2 hx-ps-6;
+    }
+  }
   .footnotes {
     @apply hx-mt-12 hx-text-sm;
   }