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