Include github-buttons

old
@soyjavi 2015-11-02 16:09:42 +07:00
commit 3fac595e38
2 changed files with 20 additions and 0 deletions

View File

@ -12,6 +12,15 @@ const Home = () => (
<Logo className={style.logo} />
<h2 className={style.title}>React Toolbox</h2>
<h4 className={style.subtitle}>Bootstrap your application with beautiful Material Design Components</h4>
<div className={style.github}>
<div class="github">
<iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=star&amp;count=true" frameborder="0" scrolling="0"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=watch&amp;count=true&amp;v=2" frameborder="0" scrolling="0"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&amp;repo=react-toolbox&amp;type=fork&amp;count=true" frameborder="0" scrolling="0"></iframe>
<iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&amp;type=follow&amp;count=true" frameborder="0" scrolling="0"></iframe>
</div>
</div>
<Navigation className={style.navigation} />
</header>

View File

@ -29,6 +29,17 @@ $content-width: 740px;
line-height: 1.2;
opacity: $hero-text-secondary-opacity;
}
.github {
margin-top: $content-offset;
text-align: center;
iframe {
height: 2 * $unit;
width: 12.8 * $unit;
&:last-child {
width: 20 * $unit;
}
}
}
.navigation > ul {
margin-top: $hero-item-spacing;
list-style: none;