Changeset View
Changeset View
Standalone View
Standalone View
web/e.cash/styles/pages/faq.js
- This file was added.
import styled from 'styled-components'; | |||||
export const QuestionBlock = styled.div` | |||||
width: 100%; | |||||
margin-bottom: 100px; | |||||
position: relative; | |||||
span { | |||||
font-weight: 600; | |||||
font-size: 18px; | |||||
} | |||||
${props => props.theme.breakpoint.medium} { | |||||
margin-bottom: 90px; | |||||
} | |||||
`; | |||||
export const Blob = styled.div` | |||||
background-color: white; | |||||
height: 400px; | |||||
aspect-ratio: 1; | |||||
position: absolute; | |||||
left: ${props => props.left}; | |||||
top: ${props => props.top}; | |||||
border-radius: 50%; | |||||
background: linear-gradient( | |||||
to right, | |||||
${props => props.theme.colors.primary}, | |||||
${props => props.theme.colors.primaryLight} | |||||
); | |||||
opacity: 0.5; | |||||
filter: blur(150px); | |||||
`; | |||||
export const ContentCtn = styled.div` | |||||
height: 100%; | |||||
width: 100%; | |||||
position: relative; | |||||
padding-bottom: 150px; | |||||
padding-top: 100px; | |||||
`; |