diff options
Diffstat (limited to 'internal/web/static/blog.css')
| -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; } |