m/the-90s-called
Archived
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Minor footer layout fixes. Added "last updated" field to footer.

Browse Source
This commit is contained in:
Michael Smith 2016-12-27 00:23:15 +01:00
parent 54693e87e4
commit ace74abfeb
2 changed files with 65 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
_includes/footer.html
View File

@ -2,11 +2,23 @@
<div class="wrapper">
<h2 class="footer-heading">{{ site.title | escape }}</h2>
<p><em>{{ site.description | escape }}</em></p>
{% if site.author %}
<br>{{ site.author | escape }}
{% endif %}
{% if site.email %}
<br><a href="mailto:{{ site.email }}">{{ site.email }}
{% endif %}
<div class="footer-col-wrapper">
<div class="footer-col footer-col-1">
{% if site.author %}
<br>{{ site.author | escape }}
{% endif %}
{% if site.email %}
| <a href="mailto:{{ site.email }}">{{ site.email }}</a>
{% endif %}
</ul>
</div>
<div class="footer-col footer-col-2">
</div>
<div class="footer-col footer-col-3">
<p style="text-align: right;">Last updated {{ site.time | date_to_long_string }}</p>
</div>
</div>
</div>
</footer>

47
_sass/90s/_layout.scss
View File

@ -148,3 +148,50 @@
}
}
}
.footer-col-wrapper {
margin-left: -$spacing-unit / 2;
@extend %clearfix;
}
.footer-col {
float: left;
margin-bottom: $spacing-unit / 2;
padding-left: $spacing-unit / 2;
}
.footer-col-1 {
width: -webkit-calc(35% - (#{$spacing-unit} / 2));
width: calc(35% - (#{$spacing-unit} / 2));
}
.footer-col-2 {
width: -webkit-calc(20% - (#{$spacing-unit} / 2));
width: calc(20% - (#{$spacing-unit} / 2));
}
.footer-col-3 {
width: -webkit-calc(45% - (#{$spacing-unit} / 2));
width: calc(45% - (#{$spacing-unit} / 2));
}
@include media-query($on-laptop) {
.footer-col-1,
.footer-col-2 {
width: -webkit-calc(50% - (#{$spacing-unit} / 2));
width: calc(50% - (#{$spacing-unit} / 2));
}
.footer-col-3 {
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
width: calc(100% - (#{$spacing-unit} / 2));
}
}
@include media-query($on-palm) {
.footer-col {
float: none;
width: -webkit-calc(100% - (#{$spacing-unit} / 2));
width: calc(100% - (#{$spacing-unit} / 2));
}
}