Compare commits

...

2 commits

Author SHA1 Message Date
Akemi Izuko 31cd1bd61b
Markdown: improve heading styles 2023-12-29 15:37:47 -07:00
Akemi Izuko eff91d3614
Npm update 2023-12-29 15:37:04 -07:00
3 changed files with 297 additions and 666 deletions

939
package-lock.json generated

File diff suppressed because it is too large Load diff

View file

@ -83,19 +83,34 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
}
.prose h1 {
font-size: 40px;
border-bottom: 2px solid #000;
margin-bottom: calc(var(--font-size) / 3);
}
.prose h1:after { /* Psuedo-element prevents extending to padding */
content: "";
display: block;
border-bottom: 2px solid #000;
}
.prose h2 {
font-size: 30px;
}
.prose h2:after { /* Psuedo-element prevents extending to padding */
content: "";
display: block;
border-bottom: 1px solid #aaa;
}
.prose h3 {
font-size: 26px;
}
.prose h4, .prose h5, .prose h6 {
.prose h4 {
font-size: 22px;
}
.prose h5 {
font-size: 20px;
}
.prose h6 {
color: #888;
font-size: 18px;
}
/**** Paragraphs ****/
.prose p {

View file

@ -59,15 +59,16 @@ const posts = (await getCollection('blog')).sort(
<main>
<section>
<h1
class="text-center text-4xl"
class="text-center mt-8 mb-4 text-6xl"
style="font-family: var(--font-title);">
Blogs!
</h1>
<p
class="text-center m-6">
class="text-center mb-4 text-xl">
A collection of tutorials and opinionated pieces. Have a
read!
</p>
<hr class="m-4" style="border: 1px solid black;" />
<ul>
{
posts.map((post) => (