Update post link layout
This commit is contained in:
parent
efe7c7ca30
commit
340e19e484
|
@ -31,7 +31,7 @@ module.exports = {
|
|||
{
|
||||
resolve: `gatsby-transformer-remark`,
|
||||
options: {
|
||||
excerpt_separator: `\n`
|
||||
excerpt_separator: `<!-- end -->`
|
||||
}
|
||||
},
|
||||
{
|
||||
|
|
|
@ -14,7 +14,7 @@ const PostLink = ({ post }) => {
|
|||
<a href={post.frontmatter.link} className={styles.postTitle}>{post.frontmatter.title}</a>
|
||||
<span className={styles.postDate}>{postDateString}</span>
|
||||
</div>
|
||||
<div>
|
||||
<div className={styles.postExcerpt}>
|
||||
<p>{post.excerpt}</p>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
@ -13,7 +13,7 @@
|
|||
|
||||
@for $i from 1 through 6 {
|
||||
:global(h#{$i}) {
|
||||
font-family: $fontParagraph;
|
||||
font-family: $fontHeader;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -5,6 +5,7 @@
|
|||
border-bottom: 1px solid $blue;
|
||||
height: 70px;
|
||||
box-sizing: border-box;
|
||||
font-family: $fontHeader;
|
||||
}
|
||||
|
||||
.links {
|
||||
|
|
|
@ -8,7 +8,7 @@
|
|||
color: $blue;
|
||||
text-decoration: none;
|
||||
text-transform: capitalize;
|
||||
font-family: $fontParagraph;
|
||||
font-family: $fontHeader;
|
||||
font-size: 1.2em;
|
||||
float: left;
|
||||
}
|
||||
|
@ -25,6 +25,10 @@
|
|||
border-bottom: 1px solid $blue;
|
||||
}
|
||||
|
||||
.postExcerpt {
|
||||
text-align: initial;
|
||||
}
|
||||
|
||||
.headerContainer {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
|
|
|
@ -5,7 +5,9 @@ $black: #2f2f2f;
|
|||
$blue: #0f52bf;
|
||||
|
||||
//Fonts
|
||||
$fontParagraph: Fira Code, Monaco, Consolas, Ubuntu Mono, monospace;
|
||||
@import url('https://fonts.googleapis.com/css2?family=Open+Sans&family=VT323&display=swap');
|
||||
$fontHeader: 'VT323', monospace;
|
||||
$fontParagraph: 'Open Sans', sans-serif;
|
||||
|
||||
// Content
|
||||
$breakLarge: 992px;
|
Loading…
Reference in New Issue