add: fonts, css reset, basic global styles

This commit is contained in:
andr-ew 2023-07-03 17:44:13 -05:00
parent b7e5928a25
commit d921641585
16 changed files with 54 additions and 1 deletions

View File

@ -1,8 +1,42 @@
import localFont from 'next/font/local';
import '/styles/global.scss';
import styles from './styles.module.scss';
const CenturyNovaSB = localFont({
src: [
{
path: '../fonts/CenturyNovaSBRoman/font.woff',
weight: '400',
style: 'normal',
},
{
path: '../fonts/CenturyNovaSBItalic/font.woff',
weight: '400',
style: 'italic',
},
],
variable: '--font-century-nova-sb',
});
const Dia = localFont({
src: [
{
path: '../fonts/DiaRegular/Dia Regular.woff',
weight: '400',
style: 'normal',
},
{
path: '../fonts/DiaLight/Dia Light.woff',
weight: '100',
style: 'normal',
},
],
variable: '--font-dia',
});
export default function RootLayout({ children }) {
return (
<html lang='en'>
<html lang='en' className={`${CenturyNovaSB.variable} ${Dia.variable}`}>
<body className={styles.body}>{children}</body>
</html>
);

View File

@ -2,4 +2,14 @@
.body {
background-color: colors.$grey-tint;
font-family: var(--font-dia);
color: colors.$black;
a,
a:visited {
color: colors.$black;
text-decoration: none;
}
}

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

Binary file not shown.

BIN
fonts/DiaLight/Dia Light.eot Executable file

Binary file not shown.

BIN
fonts/DiaLight/Dia Light.woff Executable file

Binary file not shown.

Binary file not shown.

BIN
fonts/DiaRegular/Dia Regular.eot Executable file

Binary file not shown.

BIN
fonts/DiaRegular/Dia Regular.woff Executable file

Binary file not shown.

Binary file not shown.

View File

@ -51,6 +51,7 @@
"prettier": "^2.8.8",
"prettier-plugin-tailwindcss": "^0.3.0",
"sass": "^1.63.6",
"scss-reset": "^1.4.2",
"tailwindcss": "^3.3.2",
"typescript": "5.1.3"
}

7
pnpm-lock.yaml generated
View File

@ -88,6 +88,9 @@ devDependencies:
sass:
specifier: ^1.63.6
version: 1.63.6
scss-reset:
specifier: ^1.4.2
version: 1.4.2
tailwindcss:
specifier: ^3.3.2
version: 3.3.2
@ -3033,6 +3036,10 @@ packages:
loose-envify: 1.4.0
dev: false
/scss-reset@1.4.2:
resolution: {integrity: sha512-eXtSeI5APjD/TtaIlRdiMRapgsX5GCP4I1Ti3FiUzCSE4GEYnfT1hGISrJkKGZsZbCDhwZv1bUdOOZfPGs3R1A==}
dev: true
/semver@5.7.1:
resolution: {integrity: sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==}
hasBin: true

1
styles/global.scss Normal file
View File

@ -0,0 +1 @@
@use 'scss-reset/reset';