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"> <div class="l-wrapper">
<ul class="u-no-list l-flex l-flex-row"> <ul class="l-flex-list-row">
<li><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li> <li class="footer_item"><a href="{{ "terms-and-conditions" | relURL }}">Terms and Conditions</a></li>
<li><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li> <li class="footer_item"><a><a href="{{ "privacy-policy" | relURL }}">Privacy Policy</a></li>
</ul> </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> </div>
</footer> </footer>

View File

@ -64,13 +64,21 @@ html.is-animating .transition-fade {
} }
} }
.nav-item {
}
// footer // footer
.footer { .footer {
position: relative; 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 // hero