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