Use bootstrap for footer

This commit is contained in:
kpcyrd 2014-09-09 18:28:53 +02:00
parent 611c705af2
commit 5fb332e411
2 changed files with 11 additions and 36 deletions

View file

@ -1,7 +1,7 @@
<footer class="site-footer"> <footer class="site-footer">
<div class="wrap"> <div class="wrap row">
<div class="col-lg-4">
<h2 class="footer-heading">{{ site.title }}</h2> <h2 class="footer-heading">{{ site.title }}</h2>
<div class="footer-col-1 column"> <div class="footer-col-1 column">
@ -10,8 +10,9 @@
<li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li> <li><a href="mailto:{{ site.email }}">{{ site.email }}</a></li>
</ul> </ul>
</div> </div>
</div>
<div class="footer-col-2 column"> <div class="col-lg-4">
<ul> <ul>
{% if site.github_username %}<li> {% if site.github_username %}<li>
<span class="fa fa-github-alt"></span> <span class="fa fa-github-alt"></span>
@ -28,7 +29,7 @@
</ul> </ul>
</div> </div>
<div class="footer-col-3 column"> <div class="col-lg-4">
<p class="text">{{ site.description }}</p> <p class="text">{{ site.description }}</p>
</div> </div>

View file

@ -85,32 +85,6 @@ a:visited { color: #205caa; }
margin-bottom: 15px; margin-bottom: 15px;
} }
.site-footer .column { float: left; margin-bottom: 15px; }
.footer-col-1 {
width: 270px; /*fallback*/
width: -webkit-calc(35% - 10px);
width: -moz-calc(35% - 10px);
width: -o-calc(35% - 10px);
width: calc(35% - 10px);
margin-right: 10px
}
.footer-col-2 {
width: 175px; /*fallback*/
width: -webkit-calc(23.125% - 10px);
width: -moz-calc(23.125% - 10px);
width: -o-calc(23.125% - 10px);
width: calc(23.125% - 10px);
margin-right: 10px
}
.footer-col-3 {
width: 335px; /*fallback*/
width: -webkit-calc(41.875%);
width: -moz-calc(41.875%);
width: -o-calc(41.875%);
width: calc(41.875%);
}
.site-footer ul { list-style: none; } .site-footer ul { list-style: none; }
.site-footer li, .site-footer li,