1
0
Fork 0

consolidate media-frame usage

This commit is contained in:
Matthias Kretschmann 2018-10-17 19:45:44 +02:00
parent b85d3af450
commit 87f05f3e82
Signed by: m
GPG Key ID: 606EEEF3C479A91F
5 changed files with 8 additions and 34 deletions

View File

@ -30,33 +30,15 @@
margin-top: $spacer * 1.5;
margin-bottom: $spacer * 1.5;
> div {
@include media-frame();
border-radius: 0;
@media (min-width: $screen-sm) {
border-radius: $border-radius;
}
}
a & {
position: relative;
display: block;
}
a:hover & {
> div {
border-color: $link-color !important;
}
.postImageTitle {
opacity: 1;
transform: translate3d(0, 0, 0);
}
}
img {
border-radius: 0;
}
}

View File

@ -6,8 +6,8 @@ import styles from './Image.module.scss'
const Image = ({ fluid, fixed, alt }) => (
<Img
className={styles.image}
outerWrapperClassName={styles.imageWrap}
className={styles.imageWrap}
imgStyle={styles.image}
backgroundColor="#dfe8ef"
fluid={fluid ? fluid : null}
fixed={fixed ? fixed : null}

View File

@ -68,16 +68,8 @@
}
a {
> div {
@include media-frame();
}
&:hover,
&:focus {
> div {
border-color: $link-color !important;
}
.featuredTitle {
opacity: 1;
transform: translate3d(0, 0, 0);

View File

@ -39,19 +39,19 @@
}
}
img {
margin-bottom: 0;
}
a {
display: block;
> div {
@include media-frame;
margin-bottom: 0;
}
&:hover,
&:focus {
> div {
border-color: $link-color;
}
h4 {
color: $link-color;
}

View File

@ -16,7 +16,7 @@ const Page = ({ title, location, section, children }) => {
Page.propTypes = {
title: PropTypes.string.isRequired,
children: PropTypes.any.isRequired,
section: PropTypes.object,
section: PropTypes.string,
location: PropTypes.object
}