smaller yet equal spacing between and around social icons
This commit is contained in:
parent
3332c6343a
commit
9b3b2fb71d
2 changed files with 16 additions and 6 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
@ -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>
|
||||
|
|
Loading…
Reference in a new issue