style: improve layout and formatting of code samples
1 file changed, 14 insertions(+), 0 deletions(-)
changed files
M frontend/static/style.css → frontend/static/style.css
@@ -1,3 +1,6 @@ +:root { + --preformatted: var(--code); +} form { display: flex; column-gap: 1ex;@@ -17,6 +20,17 @@ } dl { display: grid; + align-items: baseline; + grid-row-gap: 1ch; grid-template-rows: 1fr; grid-template-columns: max-content 1fr; } + +pre { + margin: unset; + padding: 1ch 1.4ch; +} + +pre:has(> code) { + background: var(--bg); +}