midgard/zeus.ugent.be
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity

smaller yet equal spacing between and around social icons

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

10
content/assets/stylesheets/includes/general.scss
View file

@ -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;
}
} }
} }
} }

12
layouts/partials/_navbar.erb
View file

@ -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>