Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ahsankhan26/tailwind-class-extend
A utility package for extending Tailwind CSS with additional useful classes.
https://github.com/ahsankhan26/tailwind-class-extend
Last synced: about 1 month ago
JSON representation
A utility package for extending Tailwind CSS with additional useful classes.
- Host: GitHub
- URL: https://github.com/ahsankhan26/tailwind-class-extend
- Owner: ahsankhan26
- Created: 2024-01-03T11:49:46.000Z (11 months ago)
- Default Branch: main
- Last Pushed: 2024-08-12T08:08:17.000Z (3 months ago)
- Last Synced: 2024-09-29T10:44:49.092Z (about 2 months ago)
- Language: JavaScript
- Size: 37.1 KB
- Stars: 1
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# tailwind-class-extend
A TailwindCSS plugin for additional utility classes.
## Installation
Ensure that Node.js and Tailwind CSS are installed.
1. Install `tailwind-class-extend` using npm or yarn
```bash
npm install tailwind-class-extend -D
```
Or
```bash
yarn add tailwind-class-extend -D
```
2. Add `tailwind-class-extend` as a plugin in `tailwind.config.js` file
```js
module.exports = {
// ...
plugins: [require('tailwind-class-extend')],
}
```
## Class Options
| Class | Description |
| ---------------------- | --------------------------------------------------- |
| flex-center | flex items-center justify-center |
| flex-between | flex items-center justify-between |
| flex-start | flex items-center justify-start |
| flex-end | flex items-center justify-end |
| flex-around | flex items-center justify-around |
| flex-evenly | flex items-center justify-evenly |
| flex-column | flex flex-col |
| word-break | word-break: break-word; |
| word-break-all | word-break: break-all; |
| min-h-inherit | min-height: inherit; |