rvars Tailwind Plugin

All @rvars TailwindCSS plugins in one

Installation

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

# with pnpm
pnpm add @rvars/tailwind-plugin

# or yarn
yarn add @rvars/tailwind-plugin

# or npm
npm install @rvars/tailwind-plugin

Then add it to your tailwind.config:

// tailwind.config.cjs

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

/** @type {import('tailwindcss').Config} */
module.exports = {
  content: ['./**/*.html'],
  theme: {
    extend: {},
  },
  plugins: [
    rvars({
      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 | | ------------------------------------- | ------------- | ----------------------------------------------------- | | @rvars/tailwind-plugin-rvars | rvars | GitHub NPM | | @rvars/tailwind-plugin-theme-tokens | themeTokens | GitHub NPM |