From 3cee6c90068ff0e6f995910516f7cf459a049c11 Mon Sep 17 00:00:00 2001 From: Daniel Kluge Date: Sat, 15 Oct 2022 22:21:58 +0200 Subject: [PATCH] Blog styles in module --- components/Blog/Layout.tsx | 4 +++- styles/Blog/Blog.module.scss | 11 +++++++++++ styles/globals.scss | 12 ------------ 3 files changed, 14 insertions(+), 13 deletions(-) create mode 100644 styles/Blog/Blog.module.scss diff --git a/components/Blog/Layout.tsx b/components/Blog/Layout.tsx index fcede5a..fbc1656 100644 --- a/components/Blog/Layout.tsx +++ b/components/Blog/Layout.tsx @@ -2,6 +2,8 @@ import type { NextPage } from "next"; import Head from "next/head"; import Navigation from "./Navigation"; +import styles from "../../styles/Blog/Blog.module.scss"; + interface ILayoutProps { title?: string; } @@ -11,7 +13,7 @@ const Layout: NextPage = ({ title, children }) => { {title ?? "c0ntroller.de"} -
+
diff --git a/styles/Blog/Blog.module.scss b/styles/Blog/Blog.module.scss new file mode 100644 index 0000000..4183c14 --- /dev/null +++ b/styles/Blog/Blog.module.scss @@ -0,0 +1,11 @@ +#blogBody { + header { + position: sticky; + top: 10px; + } + + main { + max-width: 900px; + margin: 40px auto; + } + } \ No newline at end of file diff --git a/styles/globals.scss b/styles/globals.scss index 75f22d0..f83af8d 100644 --- a/styles/globals.scss +++ b/styles/globals.scss @@ -18,18 +18,6 @@ body { padding: 0; } -#blogBody { - header { - position: sticky; - top: 10px; - } - - main { - max-width: 900px; - margin: 0 auto; - } -} - a.nostyle { text-decoration: inherit; color: inherit;