diff options
| author | grm <grm@eyesin.space> | 2026-09-18 14:12:29 +0300 |
|---|---|---|
| committer | grm <grm@eyesin.space> | 2026-09-18 14:12:29 +0300 |
| commit | a2b2574538c30278f4edd8e6b2704a176a7750a2 (patch) | |
| tree | dc2641146d099831888e83bb7d823dc9dc80dad6 | |
| parent | 1b99463c1908037bb7dff9a766917791c25f484c (diff) | |
| download | blogspace-a2b2574538c30278f4edd8e6b2704a176a7750a2.tar.gz blogspace-a2b2574538c30278f4edd8e6b2704a176a7750a2.tar.bz2 blogspace-a2b2574538c30278f4edd8e6b2704a176a7750a2.zip | |
Give the double-dotted title rule the same gap as the others
The second dotted row is positioned 5px inside the title's padding, so
with dots2 the text sat 5px closer to the rule than with line, dots or
stripes. The padding grows by that amount (0.7em for browsers without
calc).
Co-Authored-By: Claude Opus 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01Sd8UPWrvyYCLj97JexNw3A
| -rw-r--r-- | internal/web/static/blog.css | 2 |
1 files changed, 1 insertions, 1 deletions
diff --git a/internal/web/static/blog.css b/internal/web/static/blog.css index 352f841..8cd969e 100644 --- a/internal/web/static/blog.css +++ b/internal/web/static/blog.css @@ -45,7 +45,7 @@ img { max-width: 100%; height: auto; } .titles-stripes .page-title, .titles-stripes .post-title { padding-bottom: 0; } /* the stripes are the ::after, so its margin is the gap */ .titles-stripes .page-title::after, .titles-stripes .post-title::after { content: ""; display: block; height: 0.4em; margin-top: 0.5em; background: repeating-linear-gradient(90deg, currentColor, currentColor 2px, transparent 2px, transparent 10px); } /* double dots: a second dotted row 2px above the border, like the reference site */ -.titles-dots2 .page-title, .titles-dots2 .post-title { position: relative; border-bottom-width: 3px; border-bottom-style: dotted; } +.titles-dots2 .page-title, .titles-dots2 .post-title { position: relative; border-bottom-width: 3px; border-bottom-style: dotted; padding-bottom: 0.7em; padding-bottom: calc(0.4em + 5px); } /* the upper row sits 5px inside the padding: add it back so the gap matches the other rules (0.7em for browsers without calc) */ .titles-dots2 .page-title::after, .titles-dots2 .post-title::after { content: ""; position: absolute; left: 0; right: 0; bottom: 2px; border-bottom-width: 3px; border-bottom-style: dotted; } .post-title a { text-decoration: none; } .post-title a:hover { text-decoration: underline; } |