Tailwindcss
This project provides a starter theme for integrating Tailwind CSS into Drupal. It includes pre-configured files and compiled CSS, allowing immediate use of Tailwind classes. It can also serve as a foundation for building your own custom Drupal themes with Tailwind.
This is a starter kit/demo theme for using Tailwind CSS within Drupal.
It contains a package.json file with the required dependencies, including Laravel Mix for compiling assets, and a preconfigured tailwind.js configuration file for compatibility with Drupal's default markup.
For demo purposes, you can add it to your site via Composer, or download it manually or using Drush, enable it and set it as your default theme. The compiled CSS is included within the project, so there's no need to run any commands - you can start using Tailwind classes straight away!
If you want to use it as a starter kit for your own theme, download it or clone the repo, rename the theme directory and any tailwindcss.* files, customise the tailwind.js file for your project and start building!
Click here to watch a demo of the theme being installed, or try it on simplytest.me.
Also, if you're interested in using Tailwind CSS with Drupal (using this theme or not), come and join us in #tailwindcss in the Drupal Slack!
This theme is not endorsed or supported by Tailwind Labs.
Versions
TODO.
5.x:
- Tailwind 2 #3186151: Update to Tailwind 2.0
- JIT mode enabled by default #3228175: Enable JIT mode
- Uses the tailwindcss CLI #3240710: Use the tailwindcss CLI for generating CSS
- Tailwind 3 #3257888: Update to Tailwind CSS 3.x