c0ntroller/frontpage
1
0
Fork 0
Code Issues 4 Pull Requests Actions Packages Projects 1 Activity

Blog styles in module

Browse Source
This commit is contained in:
Daniel Kluge 2022-10-15 22:21:58 +02:00
parent 46c755481a
commit 3cee6c9006
3 changed files with 14 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
components/Blog/Layout.tsx
View File

@ -2,6 +2,8 @@ import type { NextPage } from "next";
import Head from "next/head"; import Head from "next/head";
import Navigation from "./Navigation"; import Navigation from "./Navigation";
import styles from "../../styles/Blog/Blog.module.scss";
interface ILayoutProps { interface ILayoutProps {
title?: string; title?: string;
} }
@ -11,7 +13,7 @@ const Layout: NextPage<ILayoutProps> = ({ title, children }) => {
<Head> <Head>
<title>{title ?? "c0ntroller.de"}</title> <title>{title ?? "c0ntroller.de"}</title>
</Head> </Head>
<div id={"blogBody"}> <div id={styles.blogBody}>
<header> <header>
<Navigation /> <Navigation />
</header> </header>

11
styles/Blog/Blog.module.scss Normal file
View File

@ -0,0 +1,11 @@
#blogBody {
header {
position: sticky;
top: 10px;
}
main {
max-width: 900px;
margin: 40px auto;
}
}

12
styles/globals.scss
View File

@ -18,18 +18,6 @@ body {
padding: 0; padding: 0;
} }
#blogBody {
header {
position: sticky;
top: 10px;
}
main {
max-width: 900px;
margin: 0 auto;
}
}
a.nostyle { a.nostyle {
text-decoration: inherit; text-decoration: inherit;
color: inherit; color: inherit;