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() {
let year = new Date().getFullYear();
return (
<div className="c-footer__container">
<div className="c-footer__ghost"></div>
<footer className="c-footer">
<span className="c-footer__copyright">
2012 ~ {year} | Dominic Masters.
</span>
<footer className="c-footer">
<span className="c-footer__copyright">
2012 ~ {year} | Dominic Masters.
</span>
<nav className="c-footer__links">
<FooterLink to="/privacy-policy">Privacy Policy</FooterLink>
</nav>
</footer>
</div>
<nav className="c-footer__links">
<FooterLink to="/privacy-policy">Privacy Policy</FooterLink>
</nav>
</footer>
)
}
}

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

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