smaller yet equal spacing between and around social icons

This commit is contained in:
Felix Van der Jeugt 2016-10-05 23:53:32 +02:00
parent 3332c6343a
commit 9b3b2fb71d
2 changed files with 16 additions and 6 deletions

View file

@ -35,6 +35,11 @@ main.section {
.nav {
height: 100%;
align-items: flex-end;
.nav-right.social-icons {
padding-left: 10px;
}
.nav-item {
transition: 0.2s;
@ -44,6 +49,11 @@ main.section {
&:hover {
transition: 0.2s;
}
&.social-icon {
padding-left: 5px;
padding-right: 5px;
}
}
}
}

View file

@ -24,28 +24,28 @@
</form>
<div class="nav-right is-hidden-mobile">
<a class="nav-item" href="https://github.com/ZeusWPI" target="_blank">
<div class="nav-right is-hidden-mobile social-icons">
<a class="nav-item social-icon" href="https://github.com/ZeusWPI" target="_blank">
<span class="icon">
<%= fa :github %>
</span>
</a>
<a class="nav-item" href="https://www.facebook.com/zeus.wpi/" target="_blank">
<a class="nav-item social-icon" href="https://www.facebook.com/zeus.wpi/" target="_blank">
<span class="icon">
<%= fa :facebook %>
</span>
</a>
<a class="nav-item" href="/feed.xml" target="_blank">
<a class="nav-item social-icon" href="/feed.xml" target="_blank">
<span class="icon">
<%= fa :rss %>
</span>
</a>
<a class="nav-item" href="/ical.ics">
<a class="nav-item social-icon" href="/ical.ics">
<span class="icon">
<%= fa :calendar %>
</span>
</a>
<a class="nav-item" href="//zeus.ugent.be/wiki">
<a class="nav-item social-icon" href="//zeus.ugent.be/wiki">
<span class="icon">
<%= fa :'wikipedia-w' %>
</span>