Font and some styling

2021-10-06 09:20:35 -05:00
parent 53ca2e063d
commit 00e0aeb0d3
10 changed files with 15 additions and 107 deletions
--- a/site/src/layouts/BaseLayout.astro
+++ b/site/src/layouts/BaseLayout.astro
@@ -1,10 +1,15 @@
 ---
-import AuthTest from '../components/AuthTest.jsx';
-
 let { title } = Astro.props;
 ---
 <style lang="scss">
+    @use "../styles/base";
    @use "../styles/global";
+
+    body {
+        background-color: base.$bg-color;
+        padding: 10px;
+        font-family: 'NotoSerif';
+    }
 </style>

 <html lang="en">
@@ -16,7 +21,6 @@ let { title } = Astro.props;
 </head>
 <body>
    <header>
-        <AuthTest client:only />
    </header>
    <main>
        <slot/>
--- a/site/src/styles/_base.scss
+++ b/site/src/styles/_base.scss
@@ -0,0 +1 @@
+$bg-color: #fff;
--- a/site/src/styles/_typography.scss
+++ b/site/src/styles/_typography.scss
@@ -0,0 +1,4 @@
+@font-face {
+    font-family: 'NotoSerif';
+    src: url('/assets/fonts/NotoSerif-Regular.ttf');
+  }
--- a/site/src/styles/global.scss
+++ b/site/src/styles/global.scss
@@ -1,9 +1,8 @@
+@use "normalize.css/normalize.css";
@use "base";
@use "tokens";
@use "typography";
@use "utils";

 body {
-    background-color: black;
-    color: white;
 }