add footer styling

This commit is contained in:
Philipp Kühn
2020-10-28 21:23:22 +01:00
parent 541356a321
commit a46514468b
2 changed files with 17 additions and 6 deletions

View File

@@ -132,12 +132,12 @@
<page-navigation /> <page-navigation />
</div> </div>
</div> </div>
<!-- TODO: --> <div class="app__page-footer">
<div> <div class="app__inner">
<a :href="editLink" target="_blank"> <a :href="editLink" target="_blank">Edit this page on GitHub</a>
<span>Edit this page on GitHub</span> &middot; &middot;
</a> Made with 🖤 by <a href="https://twitter.com/_ueberdosis">überdosis</a>
Made with 🖤 by <a href="https://twitter.com/_ueberdosis">überdosis</a> </div>
</div> </div>
</div> </div>

View File

@@ -212,6 +212,17 @@ $menuBreakPoint: 800px;
border-top: 1px solid rgba($colorWhite, 0.1); border-top: 1px solid rgba($colorWhite, 0.1);
} }
&__page-footer {
font-size: 0.85rem;
padding: 1.5rem 0;
text-align: center;
border-top: 1px solid rgba($colorWhite, 0.1);
a {
text-decoration: underline;
}
}
&__mobile-nav { &__mobile-nav {
padding: 1rem; padding: 1rem;
flex: 1 1 auto; flex: 1 1 auto;