@roots/bud-tailwindcss

@roots/bud-tailwindcss

Overview

A plugin which adds tailwindcss support to @roots/bud projects.

Installation

yarn add @roots/bud-tailwindcss --dev

Usage

bud.use('@roots/bud-tailwindcss')

You should now be good to utilize tailwind in your project. You can use it with scss or postcss. The parser used is based on the extension you save the source file with.

Configuration

bud.tailwind(...options)

Use the tailwind config function to specify a tailwindcss file to use in your project.

This only applies if your tailwind file is not locatable in the root of your project with the name tailwind.config.js.

If the tailwind config file exists trying to use this function will cause errors to be thrown.

  bud.tailwind(bud.project('path/to/config.js'))

You can also provide your tailwind config as an object, should you prefer.

bud.tailwind({
  theme: ({theme}) => ({
    colors: {},
  }),
})

Contributing

Contributions are welcome from everyone.

We have contributing guidelines to help you get started.

Bud sponsors

Help support our open-source development efforts by becoming a patron.

Community

Keep track of development and community news.

• Participate on the Roots Discourse
• Follow @rootswp on Twitter
• Read and subscribe to the Roots Blog
• Subscribe to the Roots Newsletter
• Listen to the Roots Radio podcast