Merge pull request #74 from ZeusWPI/fix/social-icons
smaller yet equal spacing between and around social icons
This commit is contained in:
commit
39bd21196c
2 changed files with 16 additions and 6 deletions
|
@ -35,6 +35,11 @@ main.section {
|
||||||
.nav {
|
.nav {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
align-items: flex-end;
|
align-items: flex-end;
|
||||||
|
|
||||||
|
.nav-right.social-icons {
|
||||||
|
padding-left: 10px;
|
||||||
|
}
|
||||||
|
|
||||||
.nav-item {
|
.nav-item {
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
|
|
||||||
|
@ -44,6 +49,11 @@ main.section {
|
||||||
&:hover {
|
&:hover {
|
||||||
transition: 0.2s;
|
transition: 0.2s;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
&.social-icon {
|
||||||
|
padding-left: 5px;
|
||||||
|
padding-right: 5px;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
@ -24,28 +24,28 @@
|
||||||
</form>
|
</form>
|
||||||
|
|
||||||
|
|
||||||
<div class="nav-right is-hidden-mobile">
|
<div class="nav-right is-hidden-mobile social-icons">
|
||||||
<a class="nav-item" href="https://github.com/ZeusWPI" target="_blank">
|
<a class="nav-item social-icon" href="https://github.com/ZeusWPI" target="_blank">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<%= fa :github %>
|
<%= fa :github %>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</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">
|
<span class="icon">
|
||||||
<%= fa :facebook %>
|
<%= fa :facebook %>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="nav-item" href="/feed.xml" target="_blank">
|
<a class="nav-item social-icon" href="/feed.xml" target="_blank">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<%= fa :rss %>
|
<%= fa :rss %>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="nav-item" href="/ical.ics">
|
<a class="nav-item social-icon" href="/ical.ics">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<%= fa :calendar %>
|
<%= fa :calendar %>
|
||||||
</span>
|
</span>
|
||||||
</a>
|
</a>
|
||||||
<a class="nav-item" href="//zeus.ugent.be/wiki">
|
<a class="nav-item social-icon" href="//zeus.ugent.be/wiki">
|
||||||
<span class="icon">
|
<span class="icon">
|
||||||
<%= fa :'wikipedia-w' %>
|
<%= fa :'wikipedia-w' %>
|
||||||
</span>
|
</span>
|
||||||
|
|
Loading…
Reference in a new issue