Compare commits
No commits in common. "31cd1bd61bd9697bdc31e72e90c268d174ace630" and "5065e8c6e9e16ba7eff7e53963124b697f89fecd" have entirely different histories.
31cd1bd61b
...
5065e8c6e9
3 changed files with 666 additions and 297 deletions
939
package-lock.json
generated
939
package-lock.json
generated
File diff suppressed because it is too large
Load diff
|
@ -83,34 +83,19 @@ const { title, description, pubDate, updatedDate, heroImage } = Astro.props;
|
|||
}
|
||||
.prose h1 {
|
||||
font-size: 40px;
|
||||
margin-bottom: calc(var(--font-size) / 3);
|
||||
}
|
||||
.prose h1:after { /* Psuedo-element prevents extending to padding */
|
||||
content: "";
|
||||
display: block;
|
||||
border-bottom: 2px solid #000;
|
||||
margin-bottom: calc(var(--font-size) / 3);
|
||||
}
|
||||
.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 h4, .prose h5, .prose h6 {
|
||||
font-size: 22px;
|
||||
}
|
||||
.prose h5 {
|
||||
font-size: 20px;
|
||||
}
|
||||
.prose h6 {
|
||||
color: #888;
|
||||
font-size: 18px;
|
||||
}
|
||||
|
||||
/**** Paragraphs ****/
|
||||
.prose p {
|
||||
|
|
|
@ -59,16 +59,15 @@ const posts = (await getCollection('blog')).sort(
|
|||
<main>
|
||||
<section>
|
||||
<h1
|
||||
class="text-center mt-8 mb-4 text-6xl"
|
||||
class="text-center text-4xl"
|
||||
style="font-family: var(--font-title);">
|
||||
Blogs!
|
||||
</h1>
|
||||
<p
|
||||
class="text-center mb-4 text-xl">
|
||||
class="text-center m-6">
|
||||
A collection of tutorials and opinionated pieces. Have a
|
||||
read!
|
||||
</p>
|
||||
<hr class="m-4" style="border: 1px solid black;" />
|
||||
<ul>
|
||||
{
|
||||
posts.map((post) => (
|
||||
|
|
Loading…
Reference in a new issue