From 060cea27a7262809ad2aa906b34bd0a7da9d9f43 Mon Sep 17 00:00:00 2001 From: mntn Date: Tue, 24 Aug 2021 08:26:18 -0400 Subject: [PATCH] Format additional elements Add formatting for dl/dd/dt and samp, remove overflow:auto from inline elements --- static/css/typography.css | 24 ++++++++++++++++++++++-- 1 file changed, 22 insertions(+), 2 deletions(-) diff --git a/static/css/typography.css b/static/css/typography.css index a06ad18..d8f9150 100644 --- a/static/css/typography.css +++ b/static/css/typography.css @@ -101,6 +101,24 @@ ol li::marker { color: var(--bright-bg); } +dt { + margin: 0; + font-weight: bold; +} + +dd { + margin: 0 0 0 1.5rem; + font-style: italic; +} + +dd + dt { + margin-top: 1.5rem; +} + +dl { + margin: 0 0 1.5rem 0; +} + /* Blockquotes */ blockquote { position: relative; @@ -123,14 +141,15 @@ blockquote::before { /* Code */ pre, code, -kbd { - overflow-x: auto; +kbd, +samp { background: var(--dark-bg) !important; font-family: var(--font-monospace); color: var(--bright-bg); } pre { + overflow-x: auto; padding: 1.5rem; margin: 0 0 1.5rem 0; } @@ -158,6 +177,7 @@ hr:after { color: var(--bright-bg); } + /* Prevent super/sub from affecting line height */ sup, sub { vertical-align: baseline;