Test with max widths

2018-11-28 17:43:27 +01:00
parent a18a11da92
commit 36d94b894a
2 changed files with 4 additions and 2 deletions
--- a/packages/website/ts/@next/components/layout.tsx
+++ b/packages/website/ts/@next/components/layout.tsx
@@ -29,7 +29,7 @@ interface ColumnProps {

 const GUTTER = 30 as number;
 const WRAPPER_WIDTHS: WrapWidths = {
-  default: `calc(100% - ${GUTTER * 2}px)`,
+  default: '1500px', // dunno
  full: '100%',
  medium: '1136px',
  narrow: '930px',
--- a/packages/website/ts/@next/components/siteWrap.tsx
+++ b/packages/website/ts/@next/components/siteWrap.tsx
@@ -28,7 +28,9 @@ const SiteWrap: React.StatelessComponent<Props> = props => {

 const Main = styled.main`
  border: 1px solid blue;
-  padding: 30px;
+  width: calc(100% - 60px);
+  max-width: 1500px;
+  margin: 0 auto;
 `;