Adjust spacing

This commit is contained in:
Cole Bemis 2017-07-10 13:20:47 -07:00
parent 9821a5a9d8
commit 16aa8b69cb
4 changed files with 6 additions and 8 deletions

View File

@ -1,4 +1,4 @@
<header class="pv3 bb b--black-10">
<header class="pv3 pv4-ns bb b--black-10">
<div class="w-80 mw8 center flex justify-between items-center">
<h1 class="mv0 normal f3 lh-copy black-90">Feather</h1>

View File

@ -1,7 +1,7 @@
<div class="flex flex-column items-center w-80 mw8 pv5 pv6-ns center">
<h2 class="mt0 mb4 f2 fw3 tc lh-title black-90">Simply beautiful open source icons</h2>
<a
class="button white bg-accent dim br2"
class="button white bg-accent dim br1"
href="feather.zip"
download
onclick="ga('send', 'event', 'download', 'click', 'all');">

View File

@ -1,10 +1,10 @@
<li>
<a
href="{{ include.icon.path }}"
class="flex flex-row items-center dib pa3 br2 no-underline dark-gray bg-near-white bg-animate hover-bg-light-gray"
class="icon flex flex-row items-center dib pa3 pa4-ns br1 no-underline dark-gray bg-near-white bg-animate hover-bg-light-gray"
download
onclick="ga('send', 'event', 'download', 'click', '{{ include.icon.basename }}');">
<span class="svg flex-none lh-none">{% include_relative {{ include.icon.path }} %}</span>
<span class="ml3 lh-copy f6 tc black-60 ellipse">{{ include.icon.basename }}</span>
<span class="ml3 lh-copy f6 f5-ns tc black-60 ellipse">{{ include.icon.basename }}</span>
</a>
</li>

View File

@ -14,7 +14,7 @@
.button {
display: inline-block;
padding: 1rem 2rem;
font-size: 1rem;
font-size: 1.125rem;
line-height: 1.25;
text-align: center;
text-decoration: none;
@ -50,8 +50,6 @@
padding: 0 0.5rem 1rem;
}
/* medium breakpoint */
@media (min-width: 30em) {
.icon-grid li {
@ -92,7 +90,7 @@
font-size: 0.875rem;
line-height: 1.5;
background: #f4f4f4;
border-radius: .25rem;
border-radius: .125rem;
}
#carbonads a {