Files
tplate/web/styles/post/body.css
Hubert Chen 438822b8b1 use JavaScript to render heading anchor
style:
    rename `post-content` ID to `post-cont`
2025-11-20 23:04:25 +08:00

31 lines
456 B
CSS

#post-info > h1 {
margin-block: 0.8rem;
}
#post-info > p {
font-weight: bolder;
margin-block: .2em;
opacity: .9;
}
#post-info > img {
margin-block: .2em;
}
#post-cont {
--anchoro-opacity: .5;
font-size: var(--font-size);
line-height: var(--line-height);
letter-spacing: 0.01em;
}
#post-cont *[id]:hover {
--anchoro-opacity: 1;
}
#post-cont *[id] > a {
transition: .2s;
margin-inline: .3em;
opacity: var(--anchoro-opacity);
}