PageMarginLeftRight.tsx 515 Bytes
Newer Older
1
2
3
4
5
6
7
8
9
10
11
12
13
import styled from 'styled-components'
import { maxScreenWidthMobile, pageMarginLeftRight, pageMarginLeftRightMobile } from './sizes'

export const PageMarginLeftRight = styled.div`
    @media screen and (max-width: ${maxScreenWidthMobile}px) {
        margin-left: ${pageMarginLeftRightMobile};
        margin-right: ${pageMarginLeftRightMobile};
    }
    @media screen and (min-width: ${maxScreenWidthMobile}px) {
        margin-left: ${pageMarginLeftRight};
        margin-right: ${pageMarginLeftRight};
    }
`