[feat]: global layout (#269)

feat: global layout
depromeet · Sep 17, 2023 · 1dce019 · 1dce019
1 parent 0228497
commit 1dce019
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 0 deletions.
diff --git a/src/styles/globalStyle.tsx b/src/styles/globalStyle.tsx
@@ -1,5 +1,7 @@
 import { css, Global } from '@emotion/react';
 
+import { theme } from '~/styles/theme';
+
 import { resetCss } from './resetCss';
 
 export default function GlobalStyle() {
@@ -28,5 +30,6 @@ const globalCss = css`
       word-break: keep-all;
       word-wrap: break-word;
     }
+    background-color: ${theme.colors.black800};
   }
 `;
diff --git a/src/styles/layout.ts b/src/styles/layout.ts
@@ -0,0 +1,12 @@
+import { css } from '@emotion/react';
+
+const layout = {
+  maxWidth: '960px',
+} as const;
+
+export const commonLayoutCss = css`
+  width: 100%;
+  max-width: ${layout.maxWidth};
+  margin: 0 auto;
+  padding: 0 20px;
+`;