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:
bundle add tailwindcss_merger
app/assets/tailwindcss_stylesheets
.
├── 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
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.