@gdsc-dju/styled-components
Version:
GDSC-DJU Design System Component package for styled-components
30 lines (28 loc) • 657 B
text/typescript
import styled, { css } from 'styled-components';
export const SideMenuWrapper = styled.div<{ animate: boolean }>`
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
z-index: 91;
transition: all 0.3s ease-out;
backdrop-filter: saturate(60%) blur(2px);
${({ animate }) =>
animate
? css`
visibility: visible;
opacity: 1;
//transform: translateX(100vw);
`
: css`
visibility: hidden;
opacity: 0;
//transform: translateX(-100vw);
`};
`;
export const SideMenuInner = styled.div`
height: 100vh;
width: 100vw;
background: rgba(0, 0, 0, 0.2);
`;