Update post link layout
This commit is contained in:
parent
efe7c7ca30
commit
340e19e484
|
@ -31,7 +31,7 @@ module.exports = {
|
||||||
{
|
{
|
||||||
resolve: `gatsby-transformer-remark`,
|
resolve: `gatsby-transformer-remark`,
|
||||||
options: {
|
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>
|
<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>
|
||||||
|
|
|
@ -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;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
|
@ -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;
|
||||||
|
|
|
@ -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;
|
Loading…
Reference in New Issue