use componentized tailwind styles and copied from merged

Gemfile.lock

@@ -1,6 +1,6 @@
 GIT
   remote: https://github.com/HubFeenixMakers/merged
-  revision: 75915b3fe20b1d0dbb8269875c1d19f89f36cf78
+  revision: 924eb6317c815c88675e65d72b4da8253bee2aae
   specs:
     merged (0.1.0)
       active_hash

app/assets/stylesheets/application.tailwind.css

@@ -1,19 +1,2 @@
-@tailwind base;
+@import "tailwind_base";
-@tailwind components;
+@import "merged_tailwind_styles";
-@tailwind utilities;
-
-
-@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/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;