mirror of
https://github.com/kremalicious/blog.git
synced 2025-01-03 02:15:08 +01:00
consolidate media-frame usage
This commit is contained in:
parent
b85d3af450
commit
87f05f3e82
@ -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;
|
||||
}
|
||||
}
|
||||
|
@ -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}
|
||||
|
@ -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);
|
||||
|
@ -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;
|
||||
}
|
||||
|
@ -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
|
||||
}
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user