improve heading css

This commit is contained in:
Joshua Seigler 2025-06-27 00:06:55 -04:00
parent 0c378db90b
commit 70714fb4b7

View file

@ -406,6 +406,9 @@ body > header > nav {
.isso-postbox { .isso-postbox {
display: none; display: none;
} }
.tag {
color: inherit;
}
} }
body > footer { body > footer {
@ -462,12 +465,13 @@ h1,
h2, h2,
h3, h3,
h4 { h4 {
color: color-mix(in lch, currentColor 90%, transparent);
position: relative; position: relative;
font-weight: 700; font-weight: 700;
text-shadow: 0 0 0.5em var(--c-highlight); text-shadow: 0 0 0.5em var(--c-highlight);
margin-top: 0; margin-top: 3rem;
&:nth-child(n + 2) { + h1, + h2, + h3, + h4 {
margin-top: 2rem; margin-top: 0;
} }
margin-bottom: 0.5rem; margin-bottom: 0.5rem;
&:hover .header-anchor { &:hover .header-anchor {
@ -475,7 +479,7 @@ h4 {
} }
} }
@media screen { @media screen {
:is(h1, h2, h3)::after { :is(h1, h2)::after {
pointer-events: none; pointer-events: none;
opacity: 0.5; opacity: 0.5;
content: ""; content: "";
@ -551,12 +555,15 @@ main {
padding: 0 var(--inset); padding: 0 var(--inset);
} }
h1 { h1 {
font-size: var(--s3); font-size: var(--s4);
} }
h2 { h2 {
font-size: var(--s2); font-size: var(--s3);
} }
h3 { h3 {
font-size: var(--s2);
}
h4 {
font-size: var(--s1); font-size: var(--s1);
} }
a.header-anchor { a.header-anchor {