layout ParallaxOverlay.js

0% Statements 0/3

0% Branches 0/4

0% Functions 0/2

0% Lines 0/3

Press n or j to go to the next uncovered block, b, p or k for the previous block.


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27  
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
  // @flow
/* eslint-disable no-ternary */
 
import styled, { type StyledComponent } from "styled-components"
import mediaQueries from "styles/mediaQueries"
 
const ParallaxOverlay: StyledComponent<
  {| +fullScreen?: boolean |},
  mixed,
  HTMLDivElement
> = styled.div`
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: ${({ fullScreen }) => (fullScreen ? "350px" : "100%")};
  background-repeat: repeat;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 2;
 
  ${mediaQueries.tablet} {
    height: ${({ fullScreen }) => (fullScreen ? "645px" : "100%")};
  }
`
 
export default ParallaxOverlay