New title style for articles (inspired by gxbs.dev and tesk.page)

This commit is contained in:
daudix
2024-09-25 06:02:19 +03:00
parent 20fe6e82dd
commit 3f6c6486f3
3 changed files with 81 additions and 31 deletions

View File

@ -17,7 +17,7 @@
inset-inline-start: 0;
}
& + h1 {
& + #heading {
margin-block-start: 35vw;
}
@ -26,12 +26,34 @@
margin-block-start: 50vw;
}
& + h1 {
& + #heading {
margin-block-start: 2rem;
}
}
}
#heading {
margin: 2rem 0 1rem;
text-align: center;
h1 {
margin: 0;
background-image: linear-gradient(to right, var(--fg-muted-4), var(--fg-color), var(--fg-muted-4));
background-clip: text;
color: transparent;
& + p {
display: inline;
}
}
.tags {
display: inline-flex;
justify-content: center;
margin-block-start: 1rem;
}
}
#buttons-container {
display: flex;
position: fixed;