mastermindzh/rickvanlieshout.com
1
0
Fork 0
mirror of https://github.com/mastermindzh/rickvanlieshout.com synced 2025-08-11 03:40:35 +02:00
Code Issues Packages Projects Releases Wiki Activity

upgrade to Gatsby 0.11

Browse Source
This commit is contained in:
wpioneer
2016-06-03 02:32:38 +03:00
parent b00aff65ad
commit 05ee70daab
59 changed files with 795 additions and 699 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
components/BlogPost/index.jsx
View File

@@ -2,13 +2,11 @@ import React from 'react'
import moment from 'moment'
import { RouteHandler, Link } from 'react-router'
import DocumentTitle from 'react-document-title'
import { link } from 'gatsby-helpers'
import { prefixLink } from 'gatsby-helpers'
import access from 'safe-access'
import ReadNext from '../ReadNext'
import { config } from 'config'
import './style.sss'
import ReadNext from '../ReadNext'
import './style.css'
import '../../static/css/highlight.css'
class BlogPost extends React.Component {
@@ -17,7 +15,7 @@ class BlogPost extends React.Component {
const post = route.page.data
const home = (
<div>
<Link className='gohome' to={ link('/') }> All Articles
<Link className='gohome' to={ prefixLink('/') }> All Articles
</Link>
</div>
)
@@ -39,7 +37,7 @@ class BlogPost extends React.Component {
<p>
{ config.siteDescr }
<a href={ config.twitter }>
<br></br> <strong>{ config.authorName }</strong> on Twitter</a>
<br></br> <strong>{ config.siteAuthor }</strong> on Twitter</a>
</p>
</div>
</div>

105
components/BlogPost/style.css Normal file
View File

@@ -0,0 +1,105 @@
.blog-post {
margin-bottom: 30px;
}
.blog-post:last-child {
margin-bottom: 10px;
}
.blog-post h2 {
margin-top: 10px;
line-height: 30px;
margin-bottom: 20px;
}
.blog-post h2 a:hover {
border-bottom: 1px solid;
}
.blog-post p {
font-size: 16px;
line-height: 26px;
margin-bottom: 26px;
}
.blog-post time {
font-size: 14px;
color: #222;
font-weight: 500;
text-transform: uppercase;
}
.blog-post .blog-category {
font-size: 14px;
color: #f7a046;
font-weight: 500;
text-transform: uppercase;
}
.blog-post .readmore {
font-size: 16px;
color: #5d93ff;
}
.blog-post .readmore:hover {
border-bottom: 1px solid;
}
.blog-single {
max-width: 945px;
margin-left: auto;
margin-right: auto;
}
.blog-single h1 {
text-align: center;
margin-top: 30px;
}
.blog-single .text {
line-height: 31px;
margin-bottom: 31px;
}
.blog-single h1, .blog-single .date-published, .blog-single .text *:not(div) {
max-width: 630px;
margin-left: auto;
margin-right: auto;
}
.blog-single .text img {
max-width: 100%;
height: auto;
}
.blog-single .footer {
max-width: 630px;
margin-left: auto;
margin-right: auto;
line-height: 31px;
margin-bottom: 31px;
}
.gohome {
position: fixed;
left: 20px;
font-size: 16px;
text-align: center;
padding: 8px 16px;
color: #999;
background: #f4f4f4;
font-weight: 400;
border-radius: 3px;
}
.gohome:focus {
color: #444;
background: #f4f4f4;
border: 0;
}
.gohome:hover {
color: #444;
background: #f4f4f4;
border: 0;
}
@media (max-width:900px) {
.blog-single h1 {
margin-top: 15px;
}
.blog-single .text, .blog-single .footer {
padding: 0 15px;
line-height: 26px;
margin-bottom: 26px;
}
.gohome {
position: static;
margin: 20px auto 0;
text-align: center;
width: 85px;
display: block;
}
}

108
components/BlogPost/style.sss
View File

@@ -1,108 +0,0 @@
.blog-post
margin-bottom: 30px
.blog-post:last-child
margin-bottom: 10px
.blog-post h2
margin-top: 10px
line-height: 30px
margin-bottom: 20px
.blog-post h2 a:hover
border-bottom: 1px solid
.blog-post p
font-size: 16px
line-height: 26px
margin-bottom: 26px
.blog-post time
font-size: 14px
color: #222
font-weight: 600
text-transform: uppercase
letter-spacing: 0.04rem
font-family: "Roboto", Helvetica, Arial, sans-serif
.blog-post .blog-category
font-size: 14px
color: #f7a046
font-weight: 600
text-transform: uppercase
letter-spacing: 0.04rem
font-family: "Roboto", Helvetica, Arial, sans-serif
.blog-post .readmore
font-size: 16px
color: #5d93ff
font-weight: 600
font-family: 'Raleway', Helvetica, Arial, sans-serif
.blog-post .readmore:hover
border-bottom: 1px solid
.blog-single h1
text-align: center
margin-top: 30px
.blog-single .text
line-height: 31px
line-height: 1.722222222222222rem
margin-bottom: 31px
margin-bottom: 1.722222222222222rem
.blog-single h1,
.blog-single .date-published,
.blog-single .text div :not(figure)
max-width: 35rem
margin-left: auto
margin-right: auto
.blog-single .text img
max-width: 100%
height: auto
.blog-single .footer
max-width: 35rem
margin-left: auto
margin-right: auto
line-height: 31px
line-height: 1.722222222222222rem
margin-bottom: 31px
margin-bottom: 1.722222222222222rem
.gohome
font-family: 'Raleway', Helvetica, Arial, sans-serif
font-size: 16px
text-align: center
color: #343e47
font-weight: 600
position: fixed
left: 20px
top: 20px
opacity: 0.5
padding: 8px 18px
border: 2px solid #343e47 !important
border-radius: 3px
.gohome:hover
color: #201e28
opacity: 1
@media (max-width: 900px)
.blog-single h1
margin-top: 15px
.blog-single .text,
.blog-single .footer
padding: 0 15px
line-height: 26px
line-height: 1.625rem
margin: 0px 0px 26px
margin: 0rem 0rem 1.625rem
.gohome
position: static
margin: 20px auto 0
text-align: center
width: 85px
display: block