Added definition list styling

2 files changed, 25 insertions, 1 deletions

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%);
 
     //