coop-cloud-chaos-patchs/outline
Archived
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

Figma, framer, invision, marvel pages

Browse Source
This commit is contained in:
Tom Moor
2018-12-20 23:53:28 -08:00
parent b7bea4941e
commit 47ea3c343c
16 changed files with 133 additions and 44 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
server/pages/components/Header.js
View File

@ -20,6 +20,7 @@ const Header = ({ children, background }: Props) => {
const Wrapper = styled.div`
width: 100%;
padding: 8em 0 3em;
position: relative;
margin-top: -70px;
margin-bottom: 2em;
@ -27,6 +28,17 @@ const Wrapper = styled.div`
background: ${props => props.background || 'transparent'};
z-index: -1;
&:before {
content: '';
position: absolute;
top: 0;
left: -10%;
width: 120%;
height: 100%;
background: ${props => props.background || 'transparent'};
z-index: -10;
}
p {
font-size: 22px;
font-weight: 500;