tailwind-accent-color

v1.0.2
Tailwind plugin to create accent color classes
tailwind tailwindcss tailwind-css tailwindcss-plugin accent-color

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.

npm i tailwind-accent-color

Metadata

  • MIT
  • Whatever
  • Luke Warlow
  • released 7/9/2021

Downloads

Maintainers