mirror of
https://github.com/Stone-Red-Code/website.git
synced 2026-09-06 07:56:11 +02:00
24 lines
459 B
TypeScript
24 lines
459 B
TypeScript
import styled, { css } from "styled-components"
|
|
import WavesBottom from "../../images/waves-bot.svg"
|
|
import WavesTop from "../../images/waves-top.svg"
|
|
|
|
const waves = css`
|
|
display: block;
|
|
opacity: 0.7;
|
|
width: 100vw;
|
|
max-width: 100%;
|
|
position: absolute;
|
|
pointer-events: none;
|
|
`
|
|
|
|
export const StyledWavesTop = styled(WavesTop)`
|
|
${waves};
|
|
top: 0;
|
|
height: 87vh;
|
|
`
|
|
|
|
export const StyledWavesBottom = styled(WavesBottom)`
|
|
${waves};
|
|
bottom: 0;
|
|
`
|