basic footer styles

This commit is contained in:
Ray Elliott 2020-03-31 12:13:03 +00:00
parent 2737408983
commit b96491a9f0
2 changed files with 17 additions and 7 deletions

View File

@ -1,8 +1,10 @@
<footer class="transition-fade">
<footer class="footer transition-fade">
<div class="l-underlay body-bg"></div>
<div class="l-wrapper">
<ul class="u-no-list l-flex l-flex-row">
<li><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
<li><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
<ul class="l-flex-list-row">
<li class="footer_item"><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
<li class="footer_item"><a><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
</ul>
<p class="footer__attr">Copyright &copy; <span id="js-copy-date">2020</span> &dash; <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
</div>
</footer>

View File

@ -64,13 +64,21 @@ html.is-animating .transition-fade {
}
}
.nav-item {
}
// footer
.footer {
position: relative;
font-size: 0.9rem;
}
.footer_item {
margin: 0 0.5em;
}
.footer__attr {
text-align: center;
font-size: 0.9em;
margin-bottom: 0;
}
// hero