Include github-buttons
commit
3fac595e38
|
@ -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&repo=react-toolbox&type=star&count=true" frameborder="0" scrolling="0"></iframe>
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&repo=react-toolbox&type=watch&count=true&v=2" frameborder="0" scrolling="0"></iframe>
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&repo=react-toolbox&type=fork&count=true" frameborder="0" scrolling="0"></iframe>
|
||||
<iframe src="https://ghbtns.com/github-btn.html?user=react-toolbox&type=follow&count=true" frameborder="0" scrolling="0"></iframe>
|
||||
</div>
|
||||
</div>
|
||||
<Navigation className={style.navigation} />
|
||||
</header>
|
||||
|
||||
|
|
|
@ -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;
|
||||
|
|
Loading…
Reference in New Issue