update to multi-style enabled merged

app/assets/stylesheets/application.css

@@ -11,7 +11,6 @@
  * It is generally better to create a new file per style scope.
  *
  *= require_self
- *= require merged/tailwind_styles
  */
 #thredded--container{
   max-width: 60rem;

app/assets/stylesheets/application.tailwind.css

@@ -1,14 +1,2 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-/*
-
-@layer components {
-  .btn-primary {
-    @apply py-2 px-4 bg-blue-200;
-  }
-}
-
-@import 'actiontext.css';
-*/
+@import "tailwind_base";
+@import "merged_tailwind_styles";

app/assets/stylesheets/merged_tailwind_styles.css

@@ -0,0 +1,21 @@
+.prose {
+  max-width: 100%;
+  color: inherit;
+  --tw-prose-bullets: #6b7280;
+  --tw-prose-headings: inherit;
+}
+
+@layer components {
+  .button {
+    @apply inline-block rounded-lg px-3 py-2 text-base font-medium border border-gray-500 hover:border-black;
+  }
+  .change {
+    @apply bg-cyan-200;
+  }
+  .remove {
+    @apply bg-red-200;
+  }
+  .action {
+    @apply bg-green-200;
+  }
+}

app/assets/stylesheets/tailwind_base.css

@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;