style: typography of publish info and source

This commit is contained in:
Ayo 2023-05-14 00:14:42 +02:00
parent 30e185b0f7
commit 6491693099

View file

@ -7,6 +7,7 @@ export interface Props {
const article = Astro.props.article; const article = Astro.props.article;
const datePublished = const datePublished =
article?.published && new Date(article.published).toDateString(); article?.published && new Date(article.published).toDateString();
article.author = "Ayo Ayco";
--- ---
{ {
@ -27,7 +28,7 @@ const datePublished =
<style is:inline> <style is:inline>
div.post { div.post {
max-width: 550px; max-width: 600px;
margin: 1em auto; margin: 1em auto;
padding: 1em; padding: 1em;
} }
@ -37,15 +38,20 @@ const datePublished =
suffix: " "; suffix: " ";
} }
ul.publish-info { ul.publish-info {
margin: 1em -1em; margin: 0.3em -0.7em 1em;
list-style: publish-icons; list-style: publish-icons;
} }
h1.title { h1.title {
font-size: xx-large; font-size: xx-large;
} }
span.source { span.source {
font-weight: bolder;
color: #555; color: #555;
font-size: normal; }
ul.publish-info li {
color: #555;
font-size: small;
} }
p, p,
img, img,