From 9b1ac73e89b9d9440914bb5772f8dc19aa793be7 Mon Sep 17 00:00:00 2001
From: paco <34928425+pacocoursey@users.noreply.github.com>
Date: Thu, 8 Oct 2020 12:26:37 -0600
Subject: [PATCH] Split out tailwind css into multiple files for reload perf

---
 assets/global.css   | 4 ----
 assets/tailwind.css | 2 ++
 assets/utils.css    | 1 +
 pages/_app.tsx      | 2 ++
 4 files changed, 5 insertions(+), 4 deletions(-)
 create mode 100644 assets/tailwind.css
 create mode 100644 assets/utils.css

diff --git a/assets/global.css b/assets/global.css
index f3579ae09..507d3fd82 100644
--- a/assets/global.css
+++ b/assets/global.css
@@ -1,6 +1,4 @@
 @import './font.css';
-@tailwind base;
-@tailwind components;
 
 :root {
   /* Spacing variables */
@@ -190,5 +188,3 @@ body {
 a {
   -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
-
-@tailwind utilities;
diff --git a/assets/tailwind.css b/assets/tailwind.css
new file mode 100644
index 000000000..605a9cef0
--- /dev/null
+++ b/assets/tailwind.css
@@ -0,0 +1,2 @@
+@tailwind base;
+@tailwind components;
diff --git a/assets/utils.css b/assets/utils.css
new file mode 100644
index 000000000..65dd5f63a
--- /dev/null
+++ b/assets/utils.css
@@ -0,0 +1 @@
+@tailwind utilities;
diff --git a/pages/_app.tsx b/pages/_app.tsx
index c84409786..618847986 100644
--- a/pages/_app.tsx
+++ b/pages/_app.tsx
@@ -1,6 +1,8 @@
 import { FC } from 'react'
 import type { AppProps } from 'next/app'
 import '@assets/global.css'
+import '@assets/tailwind.css'
+import '@assets/utils.css'
 
 const Noop: FC = ({ children }) => <>{children}</>