Typed Sass Styling (#69)

* Addresses issue #16 -
Add styles via sass and module imports
Adds typed scss imports via gatsby-plugin-sass.
Makes use of .d.scss file generated by gatsby-plugin-scss-typescript,
but avoids importing that directly while they work out issue in gatsby v3.

* adding vscode config for easier local debugging
This commit is contained in:
Nat Hillard 2021-05-20 23:59:20 -04:00 committed by GitHub
commit a587482967
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
11 changed files with 1334 additions and 1788 deletions

View file

@ -0,0 +1,19 @@
import React, { ReactNode } from "react";
import * as styles from './layout.module.scss';
import J40Header from './J40Header';
import J40Footer from "./J40Footer";
interface ILayoutProps {
children: ReactNode
}
const Layout = ({ children }: ILayoutProps) => {
return (
<div className={styles.site}>
<J40Header />
<div className={styles.siteContent}>{children}</div>
<J40Footer />
</div>
);
};
export default Layout;