Fashionable Tailwind Plugin

All @fashionable TailwindCSS plugins in one

Installation

Install @fashionable/tailwind-plugin with your favorite package manager:

# with pnpm
pnpm add @fashionable/tailwind-plugin

# or yarn
yarn add @fashionable/tailwind-plugin

# or npm
npm install @fashionable/tailwind-plugin

Then add it to your tailwind.config:

// tailwind.config.cjs

const fashionable = require('@fashionable/tailwind-plugin')

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./**/*.html'],
  theme: {
    extend: {},
  },
  plugins: [
    fashionable({
      rvars: {
        orderedBreakpoints: ['sm', 'md', 'lg', 'xl'],
      },
      themeTokens: {
        tokens: { colors: true },
      },
    }),
  ],
}

Configuration

For details about configuring each plugin, please visit that plugins home page (list below). To disable any plugin, set its config key to false rather than the expected options object.

Included plugins & config keys:

| Plugin | Config Key | Links | | ------------------------------------------- | ------------- | ----------------------------------------------------- | | @fashionable/tailwind-plugin-rvars | rvars | GitHub NPM | | @fashionable/tailwind-plugin-theme-tokens | themeTokens | GitHub NPM |