From 952a016807d6f594e46d8ddaf953428ab0efbd1d Mon Sep 17 00:00:00 2001 From: David Darnes Date: Wed, 24 Oct 2018 13:50:07 +0100 Subject: [PATCH 1/3] Improve presentation of Description Lists Thought the description list could benefit from some CSS Grid powers --- _sass/content.scss | 26 ++++++++++++++++++++++++-- 1 file changed, 24 insertions(+), 2 deletions(-) diff --git a/_sass/content.scss b/_sass/content.scss index 27635bf..93b2708 100644 --- a/_sass/content.scss +++ b/_sass/content.scss @@ -5,8 +5,7 @@ .page-content { ul, - ol, - dl { + ol { padding-left: 1.5em; } @@ -64,4 +63,27 @@ h1:first-of-type { margin-top: 0.5em; } + + + dl { + display: grid; + grid-template-columns: max-content 1fr; + } + + dt, + dd { + margin: 0.25em 0; + } + + dt { + text-align: right; + &::after { + content: ":"; + } + } + + dd { + margin-left: 1em; + font-weight: 500; + } } From 89a3e86ebf2da0b2ec739052af195f85fcc5f8da Mon Sep 17 00:00:00 2001 From: David Darnes Date: Wed, 24 Oct 2018 13:52:27 +0100 Subject: [PATCH 2/3] Remove whitespace --- _sass/content.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/_sass/content.scss b/_sass/content.scss index 93b2708..b2ec2ea 100644 --- a/_sass/content.scss +++ b/_sass/content.scss @@ -63,8 +63,7 @@ h1:first-of-type { margin-top: 0.5em; } - - + dl { display: grid; grid-template-columns: max-content 1fr; From dc0d4a0c849744c9c3c01763a8621583489beafc Mon Sep 17 00:00:00 2001 From: Patrick Marsceill Date: Wed, 24 Oct 2018 14:15:29 -0400 Subject: [PATCH 3/3] White space --- _sass/content.scss | 1 + 1 file changed, 1 insertion(+) diff --git a/_sass/content.scss b/_sass/content.scss index b2ec2ea..fbec8ff 100644 --- a/_sass/content.scss +++ b/_sass/content.scss @@ -76,6 +76,7 @@ dt { text-align: right; + &::after { content: ":"; }