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

10
components/BlogNav/index.jsx
View File

@@ -1,8 +1,8 @@
import React from 'react'
import { RouteHandler, Link } from 'react-router'
import { link } from 'gatsby-helpers'
import { prefixLink } from 'gatsby-helpers'
import './style.sss'
import './style.css'
class BlogNav extends React.Component {
render() {
@@ -11,15 +11,15 @@ class BlogNav extends React.Component {
<nav className='blog-nav'>
<ul>
<li>
<Link to="/" className={ location.pathname === link('/') ? "current" : null }> Articles
<Link to="/" className={ location.pathname === prefixLink('/') ? "current" : null }> Articles
</Link>
</li>
<li>
<Link to="/about" className={ location.pathname === link('/about') ? "current" : null }> About me
<Link to="/about" className={ location.pathname === prefixLink('/about') ? "current" : null }> About me
</Link>
</li>
<li>
<Link to="/contact" className={ location.pathname === link('/contact') ? "current" : null }> Contact me
<Link to="/contact" className={ location.pathname === prefixLink('/contact') ? "current" : null }> Contact me
</Link>
</li>
</ul>

24
components/BlogNav/style.css Normal file
View File

@@ -0,0 +1,24 @@
.blog-nav {
margin: 20px 0px 10px;
}
.blog-nav ul {
list-style: none;
padding-left: 0;
}
.blog-nav ul li {
margin: 10px 0 10px;
}
.blog-nav ul li a {
font-size: 16px;
line-heigh: 26px;
margin-bottom: 26px;
border-bottom: 0;
font-weight: 400;
color: #222;
}
.blog-nav ul li a.current {
border-bottom: 1px solid;
}
.blog-nav ul li a:hover {
border-bottom: 1px solid;
}

23
components/BlogNav/style.sss
View File

@@ -1,23 +0,0 @@
.blog-nav
margin: 20px 0px 10px
.blog-nav ul
list-style: none
padding-left: 0
.blog-nav ul li
margin: 10px 0 10px
.blog-nav ul li a
font-size: 16px
line-heigh: 26px
margin-bottom: 26px
border-bottom: 0
font-weight: 400
color: #222
.blog-nav ul li a.current
border-bottom: 1px solid
.blog-nav ul li a:hover
border-bottom: 1px solid