mirror of
https://github.com/withastro/astro.git
synced 2025-03-10 23:01:26 -05:00
54 lines
879 B
Text
54 lines
879 B
Text
---
|
|
export interface Props {
|
|
post: any;
|
|
}
|
|
|
|
const { post } = Astro.props;
|
|
---
|
|
<article class="post-preview">
|
|
<header>
|
|
<p class="publish-date">{post.publishDate}</p>
|
|
<a href={post.url}><h1 class="title">{post.title}</h1></a>
|
|
</header>
|
|
<p>{post.description}</p>
|
|
<a href={post.url}>Read more</a>
|
|
</article>
|
|
|
|
<style>
|
|
.content :global(main > * + *) {
|
|
margin-top: 1rem;
|
|
}
|
|
|
|
.post-preview {
|
|
padding-bottom: 2rem;
|
|
margin-bottom: 2rem;
|
|
border-bottom: 4px solid var(--theme-divider);
|
|
}
|
|
|
|
header {
|
|
align-items: flex-start;
|
|
display: flex;
|
|
flex-direction: column;
|
|
justify-content: center;
|
|
padding-bottom: 2rem;
|
|
text-align: left;
|
|
}
|
|
|
|
.title,
|
|
.author,
|
|
.publish-date {
|
|
margin: 0;
|
|
}
|
|
|
|
.publish-date,
|
|
.author {
|
|
font-size: 1.25rem;
|
|
color: var(--theme-text-lighter);
|
|
}
|
|
|
|
.title {
|
|
font-size: 2.25rem;
|
|
font-weight: 700;
|
|
color: var(--theme-text);
|
|
}
|
|
</style>
|