Merge pull request #74 from ZeusWPI/fix/social-icons

smaller yet equal spacing between and around social icons
This commit is contained in:
lorin 2016-10-06 12:30:57 +02:00 committed by GitHub
commit 39bd21196c
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>