| 1 | import styled from 'styled-components';
|
| 2 | import { Colors, Sizes } from '../index';
|
| 3 |
|
| 4 | export default styled.div`
|
| 5 | padding: ${Sizes.s5}px;
|
| 6 | border: 1px solid ${Colors.line};
|
| 7 | transition: all 0.6s cubic-bezier(0.165, 0.84, 0.44, 1);
|
| 8 | height: 100%;
|
| 9 |
|
| 10 | @media screen and (max-width: 600px) {
|
| 11 | padding: ${Sizes.s4}px;
|
| 12 | }
|
| 13 |
|
| 14 | ${({ interactive }: { interactive?: boolean }) => interactive && `
|
| 15 | &:hover {
|
| 16 | transform: scale(1.01, 1.01);
|
| 17 | box-shadow: 0 0px 16px 6px rgba(0,0,0,0.1);
|
| 18 | }
|
| 19 | `}
|
| 20 | `; |
| \ | No newline at end of file |