vivgui / tailwindcss-hyphens

A Tailwind CSS plugin that helps you create utility classes for using the hyphens CSS property.

I'm archiving this repository because Tailwind CSS has added support for the hyphens property.

Tailwind CSS Hyphens

A Tailwind CSS plugin that helps you create utility classes for using the hyphens CSS property.

Installation

Install it in a new or existing Tailwind CSS project

npm install -D @vivgui/tailwindcss-hyphens
# or
yarn add -D @vivgui/tailwindcss-hyphens

Then add the plugin to your tailwind.config.js file:

module.exports = {
  theme: {
    // ...
  },
  plugins: [
    require('@vivgui/tailwindcss-hyphens'),
    // ...
  ],
}

Basic usage

The plugin generates these utility classes:

 .hyphens-auto: {
    hyphens: "auto";
}

.hyphens-manual: {
    hyphens: "manual";
}

.hyphens-none: {
    hyphens: "none";
}

You can use it in your markup like this:

<h1 class="hyphens-auto">Hello world</h1>