Leilukin
/
leilukin-site
mirror of https://github.com/helenclx/leilukin-site.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Adjust heading and heading wrapper margins

This commit is contained in:
Helen Chong 2024-04-15 21:05:11 +08:00
parent 174ba4dbf0
commit 4c1a80b79e
1 changed files with 12 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
src/assets/css/main.css
View File

@ -141,16 +141,19 @@ h2, h3, h4, h5, h6 {
h2, h3 { h2, h3 {
line-height: 1.2; line-height: 1.2;
margin-bottom: 0.4em;
} }
h2 { h2, .h2 {
font-size: clamp(1.55rem,1rem + 3vw,2.15rem); font-size: clamp(1.55rem,1rem + 3vw,2.15rem);
} }
h3 { h3, .h3 {
font-size: clamp(1.55rem,1rem + 3vw,1.8rem); font-size: clamp(1.55rem,1rem + 3vw,1.8rem);
}
h2:has(+ *[class]), .h2:has(+ *[class]),
h3:has(+ *[class]), .h3:has(+ *[class]) {
margin-bottom: 0.5em;
} }
hr { hr {
@ -274,6 +277,12 @@ main {
gap: 0.2em; gap: 0.2em;
} }
.content > * + .h2,
.content__section > * + .h2,
.article > * + .h2 {
margin-top: 2em;
}
.content > * + :not([class]), .content > * + :not([class]),
.content__section > * + :not([class]), .content__section > * + :not([class]),
.article > * + :not([class]) { .article > * + :not([class]) {