Styles structure, normalize css, and loading in root

chiangs · Apr 30, 2022 · c449398 · c449398
1 parent 2fc7644
commit c449398
Show file tree

Hide file tree

Showing 4 changed files with 385 additions and 4 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -1,3 +1,6 @@
+// React
+import { useEffect } from "react";
+// Remix
 import type {
   LinksFunction,
   LoaderFunction,
@@ -14,13 +17,29 @@ import {
   useLoaderData,
   useLocation,
 } from "@remix-run/react";
-import { useEffect } from "react";
-
+// Styles
+import normalizeStylesUrl from "~styles/__normalize.css";
+import globalStylesUrl from "~styles/global.css";
+import utilityClassesUrl from "~styles/utils/utils.css";
+// App
 import { getUser } from "./session.server";
-import { gtag } from "./__utils__";
+import { gtag } from "~utils";
 
 export const links: LinksFunction = () => {
-  return [];
+  return [
+    {
+      rel: "stylesheet",
+      href: normalizeStylesUrl,
+    },
+    {
+      rel: "stylesheet",
+      href: globalStylesUrl,
+    },
+    {
+      rel: "stylesheet",
+      href: utilityClassesUrl,
+    },
+  ];
 };
 
 export const meta: MetaFunction = () => ({