improve heading css
This commit is contained in:
parent
0c378db90b
commit
70714fb4b7
1 changed files with 13 additions and 6 deletions
|
@ -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 {
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue