Secure your code as it's written. Use Snyk Code to scan source code in minutes - no build needed - and fix issues immediately.
width: 20px;
height: 20px;
top: 5px;
}
`
export const BackgroundOverlay = styled.div`
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 7;
`
export const Button = Sans.extend`
width: 80px;
display: flex;
align-items: center;
justify-content: center;
cursor: pointer;
transition: color 0.15s;
background: ${color("black10")};
&:hover {
color: ${color("purple100")};
}
`
line-height: 1.1em;
letter-spacing: -0.035em;
max-width: 1250px;
margin: 0 auto 27px auto;
${unica("s80", "regular")}
${pMedia.md`
font-size: 60px;
`}
${pMedia.xs`
font-size: 40px;
margin-bottom: 15px;
`}
`
const Deck = Sans.extend`
margin-bottom: 10px;
`
Further Reading in {vertical.name}
)
} else {
return <title size="8">More from Artsy Editorial</title>
}
}
const RelatedArticlesContainer = styled.div`
display: flex;
flex-direction: column;
max-width: 1250px;
margin: 40px auto 80px auto;
`
const Title = Sans.extend`
margin-bottom: 20px;
${pMedia.xl`
margin: 0 20px 30px 40px;
`};
${pMedia.sm`
margin-left: 20px;
`};
`
const VerticalSpan = styled.span`
${pMedia.sm`
display: block;
`};
`
const ArticlesWrapper = styled.div.attrs({})`
display: flex;
justify-content: space-between;
flex-direction: column;
`};
`
const Title = styled.div`
${unica("s100")};
margin-bottom: 75px;
letter-spacing: -0.035em;
${pMedia.xl`
${unica("s80")}
`} ${pMedia.md`
${unica("s65")}
`} ${pMedia.xs`
${unica("s45")}
`};
`
const Deck = Sans.extend`
max-width: 460px;
margin-right: 30px;
${pMedia.sm`
margin-bottom: 28px;
`};
`
const FeatureHeaderContainer = styled.div.attrs({})`
width: 100%;
position: relative;
height: ${props => props.height};
&[data-type="text"] {
height: auto;
${Title} {
margin-bottom: 150px;
}