mirror/feather
1
0
Fork 0
mirror of https://github.com/feathericons/feather.git synced 2023-08-10 21:13:24 +03:00
Code Issues Projects Releases Wiki Activity

Adjust spacing

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
_includes/header.html
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"> <div class="w-80 mw8 center flex justify-between items-center">
<h1 class="mv0 normal f3 lh-copy black-90">Feather</h1> <h1 class="mv0 normal f3 lh-copy black-90">Feather</h1>

2
_includes/hero.html
View File

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

4
_includes/icon.html
View File

@ -1,10 +1,10 @@
<li> <li>
<a <a
href="{{ include.icon.path }}" 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 download
onclick="ga('send', 'event', 'download', 'click', '{{ include.icon.basename }}');"> onclick="ga('send', 'event', 'download', 'click', '{{ include.icon.basename }}');">
<span class="svg flex-none lh-none">{% include_relative {{ include.icon.path }} %}</span> <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> </a>
</li> </li>

6
style.css
View File

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