Package Exports

tailwindcss-brand-colors
tailwindcss-brand-colors/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (tailwindcss-brand-colors) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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",
      },
    },
  },
};