diff options
Diffstat (limited to 'style.css')
| -rw-r--r-- | style.css | 22 |
1 files changed, 16 insertions, 6 deletions
@@ -20,7 +20,7 @@ body{ margin:0; background:var(--bg); color:var(--fg); font-family:var(--sans); line-height:1.62; -webkit-text-size-adjust:100%; } -code,kbd,samp,pre,.mono,nav.main a,time,.k,h1.brand,h2.sec{font-family:var(--mono);} +code,kbd,samp,pre,.mono,nav.main a,time,.k,h1.brand{font-family:var(--mono);} a{color:var(--accent); text-decoration:underline; text-underline-offset:2px; text-decoration-thickness:1px;} a:hover{color:var(--accent-hover);} @@ -30,6 +30,11 @@ a:visited{color:var(--accent);} img{max-width:100%; height:auto;} hr{border:0; border-top:1px dashed var(--rule); margin:2rem 0;} +/* content lists (chrome lists like ul.posts/.links/.tags opt out via list-style:none + own sizes) */ +ol,ul{font-size:.96em; line-height:1.45;} +ol li,ul li{margin:.15rem 0;} +li::marker{font-family:var(--mono); color:var(--muted); font-size:.85em;} + /* ---- masthead ---- */ header.site{padding:2.4rem 0 1.2rem;} h1.brand{font-size:1.5rem; margin:0; font-weight:700; letter-spacing:-.02em;} @@ -46,9 +51,14 @@ nav.main a[aria-current="page"]{color:var(--accent);} main{padding:1.4rem 0 1rem;} section{margin:2.2rem 0;} -.sec{letter-spacing:.02em; color:var(--muted); font-weight:400; margin:0 0 .9rem;} -h2.sec::before{content:"## "; color:var(--accent);} -h3.sec::before{content:"### "; color:var(--accent);} +h1:not(.brand),h2,h3,h4,h5{font-family:var(--mono); color:var(--muted); font-weight:400; + letter-spacing:.02em; margin:0 0 .9rem;} +h1:not(.brand)::before{content:"# ";} +h2::before{content:"## ";} +h3::before{content:"### ";} +h4::before{content:"#### ";} +h5::before{content:"##### ";} +:is(h1:not(.brand),h2,h3,h4,h5)::before{color:var(--accent);} .intro p{margin:0 0 .9rem; font-size:1.06rem;} @@ -75,13 +85,13 @@ ul.posts a:hover{color:var(--accent); text-decoration:underline;} /* ---- long-form article ---- */ article.post{font-size:1.08rem; line-height:1.7;} article.post .post-head{margin:0 0 2rem;} -article.post h1{font-size:1.85rem; line-height:1.2; letter-spacing:-.02em; margin:.2rem 0 .5rem; font-family:var(--sans);} +article.post h1{font-size:1.85rem; line-height:1.2; letter-spacing:-.02em; margin:.2rem 0 .5rem;} +article.post > h1,article.post .note-body > h1{margin-bottom:2.2rem;} article.post .meta{color:var(--muted); font-size:.85rem; font-family:var(--mono);} article.post h2{font-size:1.3rem; margin:2.2rem 0 .7rem; letter-spacing:-.01em;} article.post h3{font-size:1.08rem; margin:1.8rem 0 .5rem;} article.post p{margin:0 0 1.1rem;} article.post ul,article.post ol{margin:0 0 1.1rem; padding-left:1.3rem;} -article.post li{margin:.3rem 0;} article.post blockquote{margin:1.4rem 0; padding:.2rem 0 .2rem 1.1rem; border-left:3px solid var(--accent); color:var(--muted); font-style:italic;} article.post code{background:var(--card); padding:.1rem .35rem; border-radius:3px; font-size:.9em;} |