From a4f369431044ede4c9064d4743cafae7c547c4a3 Mon Sep 17 00:00:00 2001 From: Volpeon 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(-) 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