jonnybarnes.uk/resources/css/layout.css
Jonny Barnes c420e19f08
Replace abandoned spatie/commonmark-highlighter with tempest/highlight
Swap the syntax highlighting library and its CSS theme (zenburn -> nord,
matching tempest's class names), add padding to code blocks, and commit
the missing compressed winter.js assets from the earlier asset rename.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
2026-07-14 18:37:05 +01:00

55 lines
758 B
CSS

@layer base {
:root {
--border-radius: 8px;
}
html {
font-size: 125%;
}
body {
display: grid;
grid-template-columns: 1fr min(80ch, 80vw) 1fr;
grid-template-rows: min-content 1fr min-content;
padding-inline: 4vw;
> header {
grid-column: 1/-1;
}
> main {
grid-column: 2/3;
}
> footer {
grid-column: 1/-1;
margin-block-start: 2ex;
search form {
display: flex;
flex-direction: row;
align-items: center;
gap: 1ex;
input {
min-width: 0;
}
}
}
}
.h-feed {
display: flex;
flex-direction: column;
gap: 2ex;
}
}
@layer components {
.h-entry {
pre {
padding: 1rem;
}
}
}