Split stylesheets, remove sugarss

src/assets/css/components.css

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

src/assets/css/tailwind.css

@@ -1,23 +1,7 @@
-@tailwind base
+@import 'tailwindcss/base';
 
-#main a
-  @apply text-blue-300 no-underline border-b border-blue-100 border-dotted
+@import 'tailwindcss/components';
+@import './components.css';
 
-  &:hover,
-  &:focus
-    @apply text-blue-100 border-solid
-
-#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%)
+@import 'tailwindcss/utilities';
+@import './utilities.css';

src/assets/css/utilities.css

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