Update main.css stub with more information from Tailwind's default

This should help to clarify using a pre-processor, vs plain CSS.

Addresses Adam's comments in #3.

Author: michaeldyrynda

src/tailwindcss-stubs/resources/assets/css/main.css

@@ -8,12 +8,19 @@
 @tailwind preflight;
 
 /**
- * Here you would import any custom component classes; stuff that you'd
- * want loaded *before* the utilities so that the utilities can still
+ * Here you would add any of your custom component classes; stuff that you'd
+ * want loaded *before* the utilities so that the utilities could still
  * override them.
  *
- * @import "my-components/foo";
- * @import "my-components/bar";
+ * Example:
+ *
+ * .btn { ... }
+ * .form-input { ... }
+ *
+ * Or if using a preprocessor:
+ *
+ * @import "components/buttons";
+ * @import "components/forms";
  */
 
 /**
@@ -23,9 +30,16 @@
 @tailwind utilities;
 
 /**
- * Here you would add any custom utilities you need that don't come out of the box with Tailwind.
+ * Here you would add any custom utilities you need that don't come out of the
+ * box with Tailwind.
+ *
+ * Example :
+ *
+ * .bg-pattern-graph-paper { ... }
+ * .skew-45 { ... }
+ *
+ * Or if using a preprocessor..
  *
- * .bg-hero-image {
- *     background-image: url('/some/image/file.png');
- * }
+ * @import "utilities/backgrond-patterns";
+ * @import "utilities/skew-transforms";
  */