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,21 +1,19 @@
<section class="section icons">
<div class="container icons-container">
{% for icon in site.data['icons-manifest'] %}
{% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
<div class="feather-icon" tabindex="0">
{% include_relative {{ icon_path }} %}
<div class="tooltip">
<p class="tooltip-icon-name">{{ icon }}</p>
<a
class="tooltip-download"
href="{{ icon_path }}"
download
tabindex="-1"
onclick="ga('send', 'event', 'download', 'click', '{{ icon }}');">
Download
</a>
</div>
</div>
{% endfor %}
</div>
</section>
<ul class="flex flex-wrap justify-center w-80 w-80-ns center mw8 mv0 pl0 list">
{% for icon in site.data['icons-manifest'] %}
{% capture icon_path %}icons/{{ icon }}.svg{% endcapture %}
<li class="icon relative pa3 ma2 black-90 bg-animate br3 outline-0 pointer">
{% include_relative {{ icon_path }} %}
<div class="tooltip flex flex-column tc white bg-dark-gray br3">
<p class="dib mh4 mv3 lh-copy nowrap">{{ icon }}</p>
<a
class="btn white bg-black-90 dim br3 br--bottom outline-0"
href="{{ icon_path }}"
download
tabindex="-1"
onclick="ga('send', 'event', 'download', 'click', '{{ icon }}');">
Download
</a>
</div>
</li>
{% endfor %}
</ul>