YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Footer no longer needs to float.

Browse Source
This commit is contained in:
Dominic Masters
2018-03-13 05:21:24 +11:00
parent 395713b4cd
commit a51984abb7
2 changed files with 8 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
public/components/Footer.jsx
View File

@ -31,19 +31,15 @@ class Footer extends React.Component {
render() { render() {
let year = new Date().getFullYear(); let year = new Date().getFullYear();
return ( return (
<div className="c-footer__container"> <footer className="c-footer">
<div className="c-footer__ghost"></div> <span className="c-footer__copyright">
2012 ~ {year} | Dominic Masters.
</span>
<footer className="c-footer"> <nav className="c-footer__links">
<span className="c-footer__copyright"> <FooterLink to="/privacy-policy">Privacy Policy</FooterLink>
2012 ~ {year} | Dominic Masters. </nav>
</span> </footer>
<nav className="c-footer__links">
<FooterLink to="/privacy-policy">Privacy Policy</FooterLink>
</nav>
</footer>
</div>
) )
} }
} }

5
public/styles/components/_footer.scss
View File

@ -13,17 +13,12 @@
$c-footer--text-color: $s-color--text; $c-footer--text-color: $s-color--text;
$c-footer--background-color: $s-color--background-default; $c-footer--background-color: $s-color--background-default;
.c-footer__ghost {
min-height: 3em;
}
.c-footer { .c-footer {
width: 100%; width: 100%;
background: $c-footer--background-color; background: $c-footer--background-color;
@extend %t-flexbox; @extend %t-flexbox;
@include t-flex-wrap(wrap); @include t-flex-wrap(wrap);
position: absolute;
bottom: 0;
} }
.c-footer__copyright { .c-footer__copyright {