Move everything into tailwind.css, remove postcss-import

src/assets/css/components/footer.css

@@ -1,8 +0,0 @@
-#footer a {
-  @apply text-white no-underline border-b border-dotted border-white;
-
-  &:hover,
-  &:focus {
-    @apply border-none
-  }
-}

src/assets/css/components/main.css

@@ -1,8 +0,0 @@
-#main a {
-  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
-
-  &:hover,
-  &:focus {
-    @apply text-blue-100 border-solid
-  }
-}

src/assets/css/components/skip-link.css

@@ -1,4 +0,0 @@
-.skip-link:focus {
-  left: 50%;
-  transform: translateX(-50%);
-}

src/assets/css/custom-components.css

@@ -1,3 +0,0 @@
-@import 'components/footer.css';
-@import 'components/main.css';
-@import 'components/skip-link.css';

src/assets/css/tailwind.css

@@ -1,7 +1,28 @@
-@import 'tailwindcss/base';
+@tailwind base;
 
-@import 'tailwindcss/components';
+#main a {
+  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted;
 
-@import 'custom-components';
+  &:hover,
+  &:focus {
+    @apply text-blue-100 border-solid
+  }
+}
 
-@import 'tailwindcss/utilities';
+#footer a {
+  @apply text-white no-underline border-b border-dotted border-white;
+
+  &:hover,
+  &:focus {
+    @apply border-none
+  }
+}
+
+@tailwind components;
+
+@tailwind utilities;
+
+.skip-link:focus {
+  left: 50%;
+  transform: translateX(-50%);
+}