crowetic/protocol
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Fix borders on why page

Browse Source
This commit is contained in:
Fred Carlsen
2018-12-14 15:22:04 +01:00
parent f3f78f63ec
commit 1782418f92
1 changed files with 13 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
packages/website/ts/@next/pages/why.tsx
View File

@@ -228,18 +228,21 @@ const SectionWrap = styled.div<SectionProps>`
} }
`; `;
const SectionTitle = styled(Heading)` const SectionTitle = styled(Heading)<{ isNoBorder?: boolean }>`
position: relative; position: relative;
&:before { ${props => !props.isNoBorder && `
content: ''; &:before {
width: 100vw; content: '';
position: absolute; width: 100vw;
top: -30px; position: absolute;
left: 0; top: -53px;
height: 1px; left: 0;
background-color: #3d3d3d; height: 1px;
} background-color: #3d3d3d;
}
`}
@media (max-width: 768px) { @media (max-width: 768px) {
&:before { &:before {