basic footer styles
This commit is contained in:
parent
2737408983
commit
b96491a9f0
|
@ -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 © <span id="js-copy-date">2020</span> ‐ <a rel="nofollow" href="https://rayelliott.dev">rayelliott.dev</a></p>
|
||||
</div>
|
||||
</footer>
|
||||
|
|
|
@ -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
|
||||
|
|
Reference in New Issue