Merge pull request #1 from metacartel/scroll-behavior

Fixes padding and behavior of hash links
metacartel · Aug 6, 2022 · 1b50fc6 · 1b50fc6 · vercel · Aug 6, 2022
2 parents 30455e0 + d44c14c
commit 1b50fc6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 18 deletions.
diff --git a/pages/_app.tsx b/pages/_app.tsx
@@ -6,6 +6,7 @@ import { ChakraProvider } from "@chakra-ui/react";
 import SiteLayout from "../components/SiteLayout";
 import theme from "../theme";
 import Fonts from "../components/Fonts";
+import "../styles/globals.css";
 
 const MyApp = ({ Component, pageProps }: AppProps) => {
   const router = useRouter();

diff --git a/styles/globals.css b/styles/globals.css
@@ -1,20 +1,4 @@
-html,
-body {
-  padding: 0;
-  margin: 0;
-  font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Oxygen,
-    Ubuntu, Cantarell, Fira Sans, Droid Sans, Helvetica Neue, sans-serif;
-}
-
-a {
-  color: inherit;
-  text-decoration: none;
-}
-
 * {
-  box-sizing: border-box;
-}
-
-.img__border-rounded {
-  border-radius: "32px";
+  scroll-padding-top: 6rem;
+  scroll-behavior: smooth;
 }