Split stylesheets, remove sugarss

package.json

@@ -8,7 +8,6 @@
     "lint": "vue-cli-service lint"
   },
   "dependencies": {
-    "sugarss": "^2.0.0",
     "tailwindcss": "^1.0.1",
     "tailwindcss-skip-link": "^1.0.1",
     "vue": "^2.6.6"

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%)
+}

yarn.lock

@@ -6409,7 +6409,7 @@ postcss@^6.0.1, postcss@^6.0.23, postcss@^6.0.9:
     source-map "^0.6.1"
     supports-color "^5.4.0"
 
-postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.2, postcss@^7.0.5:
+postcss@^7.0.0, postcss@^7.0.1, postcss@^7.0.11, postcss@^7.0.14, postcss@^7.0.17, postcss@^7.0.5:
   version "7.0.17"
   resolved "https://registry.yarnpkg.com/postcss/-/postcss-7.0.17.tgz#4da1bdff5322d4a0acaab4d87f3e782436bad31f"
   integrity sha512-546ZowA+KZ3OasvQZHsbuEpysvwTZNGJv9EfyCQdsIDltPSWHAeTQ5fQy/Npi2ZDtLI3zs7Ps/p6wThErhm9fQ==
@@ -7571,13 +7571,6 @@ stylehacks@^4.0.0:
     postcss "^7.0.0"
     postcss-selector-parser "^3.0.0"
 
-sugarss@^2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/sugarss/-/sugarss-2.0.0.tgz#ddd76e0124b297d40bf3cca31c8b22ecb43bc61d"
-  integrity sha512-WfxjozUk0UVA4jm+U1d736AUpzSrNsQcIbyOkoE364GrtWmIrFdk5lksEupgWMD4VaT/0kVx1dobpiDumSgmJQ==
-  dependencies:
-    postcss "^7.0.2"
-
 supports-color@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/supports-color/-/supports-color-2.0.0.tgz#535d045ce6b6363fa40117084629995e9df324c7"