tailwindcss_merger

A simple way for solving one file problem using tailwindcss-rails gem

MIT License

Downloads
4.1K
Stars
8
Committers
2

TailwindcssMerger

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

Usage

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

Installation

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

To Do

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

Warning

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.

Contributing

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

License

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

Package Rankings
Top 31.0% on Rubygems.org
Related Projects