This gem gives you a simple way to use many files with components in your project where you are using gem tailwindcss-rails.

Well, just follow this three easy steps:

1. Install gem bundle add tailwindcss_merger
2. Create folder app/assets/tailwindcss_stylesheets
3. Add files with your styles into this folder, like this:

.
├── app
│   └── assets
│   │   └── tailwindcss_stylesheets
│   │   │   └── buttons.css
│   │   │   └── tables.css
│   │   │   └── colors.css
│   │   │   └── typography.css

After this steps you can just run bin/dev or rake tailwindcss:watch

Add this line to your application's Gemfile:

gem "tailwindcss_merger"

Or just do this:

bundle add tailwindcss_merger

And then execute:

bundle

Or install it yourself as:

gem install tailwindcss_merger

• Fix push to heroku with .gitignore-d file application.tailwindcss.css

Please pay attention, that this gem overwrites your existing application.tailwind.css file and because of it before starting any tailwindcss rake task move styles to separate files, like: typography.css, buttons.css, tables.css and etc.

For your applying your changes just create pull request with assigning to me.

The gem is available as open source under the terms of the MIT License.