style: typography of publish info and source
This commit is contained in:
parent
30e185b0f7
commit
6491693099
1 changed files with 9 additions and 3 deletions
|
@ -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,
|
||||||
|
|
Loading…
Reference in a new issue