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`, resolve: `gatsby-transformer-remark`,
options: { 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> <a href={post.frontmatter.link} className={styles.postTitle}>{post.frontmatter.title}</a>
<span className={styles.postDate}>{postDateString}</span> <span className={styles.postDate}>{postDateString}</span>
</div> </div>
<div> <div className={styles.postExcerpt}>
<p>{post.excerpt}</p> <p>{post.excerpt}</p>
</div> </div>
</div> </div>

View File

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

View File

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

View File

@ -8,7 +8,7 @@
color: $blue; color: $blue;
text-decoration: none; text-decoration: none;
text-transform: capitalize; text-transform: capitalize;
font-family: $fontParagraph; font-family: $fontHeader;
font-size: 1.2em; font-size: 1.2em;
float: left; float: left;
} }
@ -25,6 +25,10 @@
border-bottom: 1px solid $blue; border-bottom: 1px solid $blue;
} }
.postExcerpt {
text-align: initial;
}
.headerContainer { .headerContainer {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;

View File

@ -5,7 +5,9 @@ $black: #2f2f2f;
$blue: #0f52bf; $blue: #0f52bf;
//Fonts //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 // Content
$breakLarge: 992px; $breakLarge: 992px;