Redesign with tachyons

This commit is contained in:
Cole Bemis
2017-05-12 16:32:49 -07:00
parent d802ec14ee
commit 7f955e9b5a
8 changed files with 138 additions and 421 deletions

View File

@ -1,24 +1,21 @@
<header class="section header">
<div class="container header-container">
<div>
<h1 class="title">Feather</h1>
<p class="description">Simply beautiful open source icons</p>
</div>
<div class="header-button-group">
<header class="flex flex-column items-center w-80 mw8 pv5 pv6-ns center">
<h1 class="mt0 mb2 f2 fw3 tc lh-title black-90">Feather</h1>
<p class="mt0 mb5 mb4-ns f5 tc lh-copy">Simply beautiful open source icons</p>
<div class="flex flex-column flex-row-ns items-stretch justify-center w-100">
<a
class="button button-primary"
class="btn mb3 mb0-ns mr3-ns white bg-black-90 br3 dim"
href="feather-{{ site.data.package.version }}.zip"
download
onclick="ga('send', 'event', 'download', 'click', 'all');">
Download
</a>
<a
class="button button-secondary"
class="btn btn-outline black-90 br3 dim"
href="https://twitter.com/intent/tweet?text=Feather%20-%20Simply%20beautiful%20open%20source%20icons%20by%20%40colebemis%20colebemis.github.io/feather"
target="_blank"
onclick="ga('send', 'event', 'share', 'click', 'twitter');">
Tweet
</a>
</div>
</div>
</header>