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

60
components/BlogSocial/index.jsx
View File

@@ -7,32 +7,44 @@ import './style.sss'
import '../../static/fonts/fontawesome/style.css'
class BlogSocial extends React.Component {
render() {
render() {
const twitter = config.blogTitle
const vk = config.vk
const rss = config.rss
const email = config.email
const github = config.github
const telegram = config.telegram
const twitter = config.blogTitle
const vk = config.vk
const rss = config.rss
const email = config.email
const github = config.github
const telegram = config.telegram
return (
<div className='blog-social'>
<ul>
<li><a href={twitter}><i className='fa fa-twitter'></i></a></li>
<li><a href={github}><i className='fa fa-github-alt'></i></a></li>
<li><a href={vk}><i className='fa fa-vk'></i></a></li>
</ul>
<ul>
<li><a href={email}><i className='fa fa-envelope-o'></i></a></li>
<li><a href={telegram}><i className='fa fa-paper-plane'></i></a></li>
</ul>
<ul>
<li><a href={rss}><i className='fa fa-rss'></i></a></li>
</ul>
</div>
);
}
return (
<div className='blog-social'>
<ul>
<li>
<a href={ twitter }><i className='fa fa-twitter'></i></a>
</li>
<li>
<a href={ github }><i className='fa fa-github-alt'></i></a>
</li>
<li>
<a href={ vk }><i className='fa fa-vk'></i></a>
</li>
</ul>
<ul>
<li>
<a href={ email }><i className='fa fa-envelope-o'></i></a>
</li>
<li>
<a href={ telegram }><i className='fa fa-paper-plane'></i></a>
</li>
</ul>
<ul>
<li>
<a href={ rss }><i className='fa fa-rss'></i></a>
</li>
</ul>
</div>
);
}
}
export default BlogSocial

42
components/BlogSocial/style.sss
View File

@@ -1,34 +1,34 @@
.blog-social
margin-top: 30px
margin-top: 30px
.blog-social ul
list-style: none
padding: 0
margin: 10px 0
clear: fix-legacy
list-style: none
padding: 0
margin: 10px 0
clear: fix-legacy
.blog-social ul > li
float: left
margin-right: 5px
text-align: center
line-height: 21px
height: 24px
width: 24px
border-radius: 3px
background: #f4edde
float: left
margin-right: 5px
text-align: center
line-height: 21px
height: 24px
width: 24px
border-radius: 3px
background: #f4edde
.blog-social ul > li:hover
background: #f4efe8
background: #f4efe8
.blog-social ul > li > a
border-bottom: 0
line-height: 21px
cursor: pointer
border-bottom: 0
line-height: 21px
cursor: pointer
.blog-social ul > li > a > i
color: #333
font-size: 14px
line-height: 21px
color: #333
font-size: 14px
line-height: 21px
.blog-social ul > li:hover a > i
color: #222
color: #222