From 1782418f926cee21c71545587aeebba5cc8bbc4d Mon Sep 17 00:00:00 2001 From: Fred Carlsen Date: Fri, 14 Dec 2018 15:22:04 +0100 Subject: Fix borders on why page --- packages/website/ts/@next/pages/why.tsx | 23 +++++++++++++---------- 1 file changed, 13 insertions(+), 10 deletions(-) diff --git a/packages/website/ts/@next/pages/why.tsx b/packages/website/ts/@next/pages/why.tsx index d10e2b02b..05681f895 100644 --- a/packages/website/ts/@next/pages/why.tsx +++ b/packages/website/ts/@next/pages/why.tsx @@ -228,18 +228,21 @@ const SectionWrap = styled.div` } `; -const SectionTitle = styled(Heading)` +const SectionTitle = styled(Heading)<{ isNoBorder?: boolean }>` position: relative; - &:before { - content: ''; - width: 100vw; - position: absolute; - top: -30px; - left: 0; - height: 1px; - background-color: #3d3d3d; - } + ${props => !props.isNoBorder && ` + &:before { + content: ''; + width: 100vw; + position: absolute; + top: -53px; + left: 0; + height: 1px; + background-color: #3d3d3d; + } + `} + @media (max-width: 768px) { &:before { -- cgit v1.2.3