1 | import styled, { css } from 'styled-components'
|
2 |
|
3 | export default styled.main`
|
4 | position: relative;
|
5 | transition: all 0.2s ease-out;
|
6 | margin: 0 auto;
|
7 |
|
8 | > section {
|
9 | max-width: 800px;
|
10 | margin: 0 auto;
|
11 | }
|
12 |
|
13 | @media (min-width: 700px) and (max-width: 1499px) {
|
14 | ${props => props.sidebarIsOpen && css`padding-left: 280px;`};
|
15 | }
|
16 |
|
17 | @media (min-width: 1500px) {
|
18 | padding-left: 280px;
|
19 | max-width: 1200px;
|
20 |
|
21 | > section {
|
22 | max-width: 920px;
|
23 | }
|
24 | }
|
25 | `
|