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 Navigation from "./Navigation";
import styles from "../../styles/Blog/Blog.module.scss";
interface ILayoutProps {
title?: string;
}
@ -11,7 +13,7 @@ const Layout: NextPage<ILayoutProps> = ({ title, children }) => {
<Head>
<title>{title ?? "c0ntroller.de"}</title>
</Head>
<div id={"blogBody"}>
<div id={styles.blogBody}>
<header>
<Navigation />
</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;
}
#blogBody {
header {
position: sticky;
top: 10px;
}
main {
max-width: 900px;
margin: 0 auto;
}
}
a.nostyle {
text-decoration: inherit;
color: inherit;