aboutsummaryrefslogtreecommitdiffstats
path: root/packages/dev-tools-pages/ts/components/Container.tsx
diff options
context:
space:
mode:
Diffstat (limited to 'packages/dev-tools-pages/ts/components/Container.tsx')
-rw-r--r--packages/dev-tools-pages/ts/components/Container.tsx18
1 files changed, 18 insertions, 0 deletions
diff --git a/packages/dev-tools-pages/ts/components/Container.tsx b/packages/dev-tools-pages/ts/components/Container.tsx
new file mode 100644
index 000000000..de2de383b
--- /dev/null
+++ b/packages/dev-tools-pages/ts/components/Container.tsx
@@ -0,0 +1,18 @@
+import styled from 'styled-components';
+
+import { media } from 'ts/variables';
+
+interface ContainerProps {
+ wide?: boolean;
+}
+
+const Container =
+ styled.div <
+ ContainerProps >
+ `
+ max-width: 77.5rem;
+ margin: 0 auto;
+ width: ${props => (props.wide ? '100%' : 'calc(100% - 5rem)')};
+`;
+
+export default Container;