From a4f369431044ede4c9064d4743cafae7c547c4a3 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 29 Dec 2020 21:05:58 +0100
Subject: Added definition list styling

---
 assets/css/_basics.scss | 25 +++++++++++++++++++++++++
 assets/css/_vars.scss   |  1 -
 2 files changed, 25 insertions(+), 1 deletion(-)

(limited to 'assets')

diff --git a/assets/css/_basics.scss b/assets/css/_basics.scss
index 2b0d0a6..fc681d3 100644
--- a/assets/css/_basics.scss
+++ b/assets/css/_basics.scss
@@ -95,6 +95,31 @@ ol {
     }
 }
 
+dl {
+    margin: ($line-height * 1em) 0 0;
+    padding: 0;
+}
+
+dt,
+dd {
+    display: inline-block;
+}
+
+dt {
+    color: var(--fg-lo);
+    font-weight: bold;
+
+    &::after {
+        content: ':';
+        color: var(--fg);
+        font-weight: normal;
+    }
+}
+
+dd {
+    margin: 0 3ch 0 0;
+}
+
 h1,
 h2,
 h3 {
diff --git a/assets/css/_vars.scss b/assets/css/_vars.scss
index 2242f09..24a94fa 100644
--- a/assets/css/_vars.scss
+++ b/assets/css/_vars.scss
@@ -34,7 +34,6 @@ $breakpoints: (
     --gray2: hsl(270, 1%, 29%);
     --gray3: hsl(270, 2%, 54%);
     --gray4: hsl(270, 2%, 73%);
-    --gray5: hsl(270, 2%, 86%);
     --gray5: hsl(270, 2%, 100%);
 
     //
-- 
cgit v1.2.3-70-g09d2