Mobile Responsive Styles (#580)

* WIP: Responsive styles

* Flip breakpoints, ensure doc doesn't spread

* Add MenuIcon

* Refactor Sidebar to share mobile responsive styles

* Fix accidental find/replace

* Tweak padding to take into account icon spacing
This commit is contained in:
Tom Moor
2018-02-10 23:24:12 -08:00
committed by GitHub
parent 4cc7338534
commit 6caba86751
17 changed files with 213 additions and 96 deletions

View File

@@ -1,6 +1,7 @@
// @flow
import React from 'react';
import styled from 'styled-components';
import breakpoint from 'styled-components-breakpoint';
type Props = {
children?: React.Element<any>,
@@ -8,7 +9,11 @@ type Props = {
const Container = styled.div`
width: 100%;
padding: 60px;
padding: 60px 20px;
${breakpoint('tablet')`
padding: 60px;
`};
`;
const Content = styled.div`