tailwindcss-brand-colors

0.3.6 • Public • Published

Tailwindcss Brand Colors

Tailwind plugin for adding brands colors as background, border and text colors.

Installation

Add this plugin to your project:

npm install tailwindcss-brand-colors --save

Usage

Add it to the plugins array of your Tailwind config:

// tailwind.config.js
plugins: [require("tailwindcss-brand-colors")],

See the list of all brand colors available here

For background color:

<div class="bg-google">Hello World</div>

For border color:

<div class="border-twitch border">Hello World</div>

For text color:

<p class="text-reddit">Hello World</p>

Add your own colors

// tailwind.config.js
module.exports = {
  theme: {
    extend: {
      colors: {
        tailwind: "#00b4b6",
      },
    },
  },
};

Package Sidebar

Install

npm i tailwindcss-brand-colors

Weekly Downloads

312

Version

0.3.6

License

MIT

Unpacked Size

3.88 kB

Total Files

4

Last publish

Collaborators

  • praveenjuge