8af8b86f0b
* feat: add blog to `www` * feat: add BlogHeader * wip: add heroImage support * feat: update hero image styling * finalize blog post * use site index instead of blog index * fix: don't use float * chore: copy cleanup * fix: scroll issue on landing page Co-authored-by: Fred K. Schott <fkschott@gmail.com>
39 lines
805 B
Text
39 lines
805 B
Text
---
|
|
export let author: string;
|
|
export let source: string;
|
|
export let sourceHref: string;
|
|
---
|
|
|
|
<blockquote>
|
|
<slot />
|
|
<div class="source">
|
|
<p>{author}</p>
|
|
<a href={sourceHref}>{source}</a>
|
|
</div>
|
|
</blockquote>
|
|
|
|
<style>
|
|
blockquote {
|
|
font-size: 1.5rem;
|
|
--padding-block: 1rem;
|
|
--padding-inline: 1.25rem;
|
|
--color: var(--theme-divider);
|
|
|
|
display: flex;
|
|
flex-direction: column;
|
|
|
|
padding: var(--padding-block) var(--padding-inline);
|
|
margin-left: calc(var(--padding-inline) * -1);
|
|
margin-right: calc(var(--padding-inline) * -1);
|
|
|
|
background: transparent;
|
|
border-left: calc(var(--padding-inline) / 2) solid var(--color);
|
|
border-radius: 0;
|
|
}
|
|
|
|
blockquote .source {
|
|
font-weight: 500;
|
|
color: var(--color);
|
|
font-size: 1rem;
|
|
}
|
|
</style>
|