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

Update

Browse Source
This commit is contained in:
wpioneer
2016-03-21 20:03:01 +03:00
parent a044ccf244
commit e5ca5bc98b
23 changed files with 941 additions and 1122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
components/BlogNav/index.jsx
View File

@@ -5,28 +5,31 @@ import { link } from 'gatsby-helpers'
import './style.sss'
class BlogNav extends React.Component {
render() {
const { location } = this.props
return (
<nav className='blog-nav'>
<ul>
<li>
<Link to="/" className={location.pathname === link('/')?"current":null}>Articles</Link>
</li>
<li>
<Link to="/about" className={location.pathname === link('/about')?"current":null}>About me</Link>
</li>
<li>
<Link to="/contact" className={location.pathname === link('/contact')?"current":null}>Contact me</Link>
</li>
</ul>
</nav>
);
}
render() {
const {location} = this.props
return (
<nav className='blog-nav'>
<ul>
<li>
<Link to="/" className={ location.pathname === link('/') ? "current" : null }> Articles
</Link>
</li>
<li>
<Link to="/about" className={ location.pathname === link('/about') ? "current" : null }> About me
</Link>
</li>
<li>
<Link to="/contact" className={ location.pathname === link('/contact') ? "current" : null }> Contact me
</Link>
</li>
</ul>
</nav>
);
}
}
BlogNav.propTypes = {
location: React.PropTypes.object,
BlogNav.propTypes = {
location: React.PropTypes.object,
}
export default BlogNav

24
components/BlogNav/style.sss
View File

@@ -1,23 +1,23 @@
.blog-nav
margin: 20px 0px 10px
margin: 20px 0px 10px
.blog-nav ul
list-style: none
padding-left: 0
list-style: none
padding-left: 0
.blog-nav ul li
margin: 10px 0 10px
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
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
border-bottom: 1px solid
.blog-nav ul li a:hover
border-bottom: 1px solid
border-bottom: 1px solid