Update post link layout

This commit is contained in:
LordMathis 2020-09-29 16:38:55 +02:00
parent efe7c7ca30
commit 340e19e484
6 changed files with 12 additions and 5 deletions

View File

@ -31,7 +31,7 @@ module.exports = {
{
resolve: `gatsby-transformer-remark`,
options: {
excerpt_separator: `\n`
excerpt_separator: `<!-- end -->`
}
},
{

View File

@ -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>

View File

@ -13,7 +13,7 @@
@for $i from 1 through 6 {
:global(h#{$i}) {
font-family: $fontParagraph;
font-family: $fontHeader;
}
}

View File

@ -5,6 +5,7 @@
border-bottom: 1px solid $blue;
height: 70px;
box-sizing: border-box;
font-family: $fontHeader;
}
.links {

View File

@ -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;

View File

@ -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;