https://github.com/vivgui/tailwindcss-hyphens

A Tailwind CSS plugin that helps you create utility classes for using the hyphens CSS property.
https://github.com/vivgui/tailwindcss-hyphens

tailwindcss

Last synced: 15 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/vivgui/tailwindcss-hyphens
• Owner: vivgui
• Archived: true
• Created: 2022-07-30T21:29:58.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-06T03:17:13.000Z (over 1 year ago)
• Last Synced: 2024-09-20T13:38:50.278Z (about 2 months ago)
• Topics: tailwindcss
• Language: JavaScript
• Homepage:
• Size: 10.7 KB
• Stars: 13
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# I'm archiving this repository because Tailwind CSS has added support for the [`hyphens` property](https://tailwindcss.com/docs/hyphens).

# 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

```bash

npm install -D @vivgui/tailwindcss-hyphens

# or

yarn add -D @vivgui/tailwindcss-hyphens

```

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

```javascript

module.exports = {

  theme: {

    // ...

  },

  plugins: [

    require('@vivgui/tailwindcss-hyphens'),

    // ...

  ],

}

```

## Basic usage

The plugin generates these utility classes:

```css

 .hyphens-auto: {

    hyphens: "auto";

}

.hyphens-manual: {

    hyphens: "manual";

}

.hyphens-none: {

    hyphens: "none";

}

```

You can use it in your markup like this:

```html

Hello world

```