Refactor to just 3 .pcss files

Author: Andrew Welch

src/css/app-base.pcss

@@ -1,3 +1,9 @@
+/**
+ * This injects Tailwind's base styles, which is a combination of
+ * Normalize.css and some additional base styles.
+ */
+@import 'tailwindcss/base';
+
 /**
  * Here we add custom base styles, applied after the tailwind-base
  * classes

src/css/app-components.pcss

@@ -1,3 +1,9 @@
+/**
+ * This injects any component classes registered by plugins.
+ *
+ */
+@import 'tailwindcss/components';
+
 /**
  * Here we add custom component classes; stuff we want loaded
  * *before* the utilities so that the utilities can still

src/css/app-utilities.pcss

@@ -1,3 +1,10 @@
+/**
+ * This injects all of Tailwind's utility classes, generated based on your
+ * config file.
+ *
+ */
+@import 'tailwindcss/utilities';
+
 /**
  * Include styles for individual pages
  *

src/css/tailwind-base.pcss

@@ -1,9 +1,6 @@
 // Import our CSS
-import '../css/tailwind-base.pcss';
 import '../css/app-base.pcss';
-import '../css/tailwind-components.pcss';
 import '../css/app-components.pcss';
-import '../css/tailwind-utilities.pcss';
 import '../css/app-utilities.pcss';
 
 import App from "../vue/App.vue";