mirror of
https://github.com/DOI-DO/j40-cejst-2.git
synced 2025-07-28 00:31:17 -07:00
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:
parent
13a4e5f47a
commit
a587482967
11 changed files with 1334 additions and 1788 deletions
19
client/src/components/layout.tsx
Normal file
19
client/src/components/layout.tsx
Normal 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;
|
Loading…
Add table
Add a link
Reference in a new issue