tailwind-accent-color

1.0.2 • Public • Published

TailwindCSS Accent Color Plugin

npm

This plugin generates accent-color classes.

Installation

Add to your project via:

# Install using npm
npm install -D tailwind-accent-color

# Install using yarn
yarn add -D tailwind-accent-color

Add it to the plugins array of your Tailwind config.

plugins: [
  require('tailwind-accent-color')(), // no options to configure
]

An accent-{color} class will be created for each Tailwind color, much like bg- classes.

Optionally, you can also customise the variants for the plugin, by adding to the variants section of your Tailwind config.

variants: {
	accentColor: ['responsive', 'dark', 'group-hover', 'focus-within', 'hover', 'focus'] // Listed are the defaults
}

License

This project is licensed under the MIT License.

Package Sidebar

Install

npm i tailwind-accent-color

Weekly Downloads

558

Version

1.0.2

License

MIT

Unpacked Size

3.48 kB

Total Files

4

Last publish

Collaborators

  • lukewarlow