diff options
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Main.tsx')
| -rw-r--r-- | packages/dev-tools-pages/ts/components/Main.tsx | 8 |
1 files changed, 8 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Main.tsx b/packages/dev-tools-pages/ts/components/Main.tsx index 8046abc91..97eb407b9 100644 --- a/packages/dev-tools-pages/ts/components/Main.tsx +++ b/packages/dev-tools-pages/ts/components/Main.tsx @@ -1,6 +1,7 @@ import * as React from 'react'; import styled from 'styled-components'; +import { media } from 'ts/variables'; import { withContext, Props } from './withContext'; import { Alpha } from './Typography'; @@ -8,11 +9,18 @@ import { Alpha } from './Typography'; const StyledMain = styled.div` padding-top: 6.25rem; padding-bottom: 6.25rem; + ${media.small` + padding-top: 2.5rem; + padding-bottom: 2.5rem; + `}; `; const Title = styled(Alpha)` color: ${props => props.color}; margin-bottom: 6.25rem; + ${media.small` + margin-bottom: 3.125rem; + `}; `; interface MainProps extends Props { |