AJR/TechRadarAJR
2
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Fix BEM modifier in footer-end

Browse Source
This commit is contained in:
Mathias Schopmans
2017-04-06 16:08:29 +02:00
parent 713f26b89d
commit 3bd0c8e70a
2 changed files with 7 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
js/components/FooterEnd.js
View File

@@ -4,7 +4,7 @@ import { getItemPageNames, isMobileViewport } from '../../common/config';
export default function FooterEnd({ items, pageName }) { export default function FooterEnd({ items, pageName }) {
return ( return (
<div className={classNames('footer-end', {'footer-end-left': !isMobileViewport() && getItemPageNames(items).includes(pageName)})} > <div className={classNames('footer-end', {'footer-end--left': !isMobileViewport() && getItemPageNames(items).includes(pageName)})} >
<div className="footer-social"> <div className="footer-social">
<div className="footer-social__label"> <div className="footer-social__label">
<p>Follow us:</p> <p>Follow us:</p>

11
styles/components/footerend.css
View File

@@ -11,6 +11,12 @@
color: var(--color-gray-normal); color: var(--color-gray-normal);
} }
&--left {
flex-direction: column;
align-items: flex-start;
margin-top: 100px;
}
@media (--until-sm) { @media (--until-sm) {
flex-direction: column; flex-direction: column;
align-items: center; align-items: center;
@@ -18,11 +24,6 @@
} }
} }
.footer-end-left {
flex-direction: column;
align-items: flex-start;
}
.footer-social { .footer-social {
display: flex; display: flex;
flex-direction: row; flex-direction: row;