Debloat footer
This commit is contained in:
parent
b53531a0f1
commit
e54799aa7d
2 changed files with 38 additions and 1 deletions
18
_includes/footer.html
Normal file
18
_includes/footer.html
Normal file
|
@ -0,0 +1,18 @@
|
|||
<footer class="site-footer h-card">
|
||||
<data class="u-url" href="{{ "/" | relative_url }}"></data>
|
||||
|
||||
<div class="wrapper">
|
||||
|
||||
<div class="footer-col-wrapper">
|
||||
<div class="footer-col footer-col-1">
|
||||
<p>{{- site.description | escape -}}</p>
|
||||
</div>
|
||||
|
||||
<div class="footer-col footer-col-2">
|
||||
{%- include social.html -%}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</div>
|
||||
|
||||
</footer>
|
|
@ -10,4 +10,23 @@
|
|||
.translation {
|
||||
font-family: "Noto Color Emoji", sans-serif;
|
||||
font-size: 2em;
|
||||
}
|
||||
}
|
||||
|
||||
.footer-col-1, .footer-col-2 {
|
||||
width: -webkit-calc(100% - (30px / 2));
|
||||
width: calc(100% - (30px / 2));
|
||||
}
|
||||
|
||||
// .footer-col-wrapper becomes "display: flex" on "min-width: 800px"
|
||||
@media screen and (min-width: 800px) {
|
||||
.footer-col-1 {
|
||||
width: -webkit-calc(70% - (30px / 2));
|
||||
width: calc(70% - (30px / 2));
|
||||
}
|
||||
|
||||
.footer-col-2 {
|
||||
text-align: right;
|
||||
width: -webkit-calc(30% - (30px / 2));
|
||||
width: calc(30% - (30px / 2));
|
||||
}
|
||||
}
|
||||
|
|
Loading…
Reference in a new issue