From 722ec20bad64d8c69b173c163011d37ad0b55591 Mon Sep 17 00:00:00 2001
From: Armand Philippot <git@armandphilippot.com>
Date: Thu, 6 Jan 2022 19:27:45 +0100
Subject: chore: move Main grid to its children

This way I can use full width background for some blocks.
---
 src/components/Main/Main.module.scss | 15 ---------------
 src/components/Main/Main.tsx         |  7 +------
 2 files changed, 1 insertion(+), 21 deletions(-)
 delete mode 100644 src/components/Main/Main.module.scss

(limited to 'src/components/Main')

diff --git a/src/components/Main/Main.module.scss b/src/components/Main/Main.module.scss
deleted file mode 100644
index a513f73..0000000
--- a/src/components/Main/Main.module.scss
+++ /dev/null
@@ -1,15 +0,0 @@
-.wrapper {
-  display: grid;
-  grid-template-columns:
-    minmax(0, 1fr) min(calc(50vw - var(--spacing-md)), 40ch) min(
-      calc(50vw - var(--spacing-md)),
-      40ch
-    )
-    minmax(0, 1fr);
-  align-items: center;
-  padding: var(--spacing-md) 0;
-}
-
-.body {
-  grid-column: 2 / 4;
-}
diff --git a/src/components/Main/Main.tsx b/src/components/Main/Main.tsx
index 8b2e822..ad270f6 100644
--- a/src/components/Main/Main.tsx
+++ b/src/components/Main/Main.tsx
@@ -1,12 +1,7 @@
 import { FunctionComponent } from 'react';
-import styles from './Main.module.scss';
 
 const Main: FunctionComponent = ({ children }) => {
-  return (
-    <main id="main" className={styles.wrapper}>
-      <div className={styles.body}>{children}</div>
-    </main>
-  );
+  return <main id="main">{children}</main>;
 };
 
 export default Main;
-- 
cgit v1.2.3