diff --git a/assets/css/style.css b/assets/css/style.css index 65da415..a16a8dc 100644 --- a/assets/css/style.css +++ b/assets/css/style.css @@ -7,10 +7,11 @@ --tag-background: #e8f0fe; --background: #fff; --muted: #BDBDBD; - --code-background: #f5f5f6; + --muted-background: #f5f5f6; /* Typography */ --line-height: 1.2; + --font-size: 105%; } /* Base styles */ @@ -32,13 +33,20 @@ body { line-height: var(--line-height); background-color: var(--background); color: var(--text-color); - font-size: 105%; + font-size: var(--font-size); } img { max-width: 100%; } +/* Image captions (if applicable) */ +figcaption { + text-align: center; + font-style: italic; + margin-top: 0.5rem; +} + /* Typography */ a { @@ -69,17 +77,11 @@ hr { color: var(--muted); } -pre:has(code), -p>code { +pre:has(code), p>code { border: thin solid var(--muted); - background-color: var(--code-background) !important; -} - -pre:has(code) { - /* TODO: Add slightly more padding */ padding: .5rem; - overflow-x: auto; border-radius: 0.5rem; + overflow-x: auto; } p>code { @@ -184,5 +186,5 @@ td, th { } th { - background-color: var(--code-background); + background-color: var(--muted-background); }