https://github.com/hacknug/tailwindcss-list-style
DEPRECATED: List-style utilities for Tailwind CSS.
https://github.com/hacknug/tailwindcss-list-style
Last synced: about 1 month ago
JSON representation
DEPRECATED: List-style utilities for Tailwind CSS.
- Host: GitHub
- URL: https://github.com/hacknug/tailwindcss-list-style
- Owner: hacknug
- Created: 2019-01-02T12:22:07.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2021-06-19T10:49:39.000Z (almost 5 years ago)
- Last Synced: 2025-06-10T06:43:48.118Z (12 months ago)
- Language: JavaScript
- Homepage: https://www.npmjs.com/package/tailwindcss-list-style
- Size: 4.88 KB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Tailwind CSS List Style Plugin
**Deprecated due to Tailwind CSS supporting both `listStyleType` and `listStylePosition` as of v1.0.0.**
This plugin adds utilities to use list-style with Tailwind CSS.
## Installation
Add this plugin to your project:
```bash
# Install using pnpm
pnpm install --save-dev tailwindcss-list-style
# Install using npm
npm install --save-dev tailwindcss-list-style
# Install using yarn
yarn add -D tailwindcss-list-style
```
## Usage
```js
require('tailwindcss-list-style')(['responsive']),
```
```css
.list-disc { list-style-type: disc; }
.list-circle { list-style-type: circle; }
.list-square { list-style-type: square; }
.list-decimal { list-style-type: decimal; }
.list-decimal-leading-zero { list-style-type: decimal-leading-zero; }
.list-lower-roman { list-style-type: lower-roman; }
.list-upper-roman { list-style-type: upper-roman; }
.list-lower-greek { list-style-type: lower-greek; }
.list-lower-latin { list-style-type: lower-latin; }
.list-upper-latin { list-style-type: upper-latin; }
.list-armenian { list-style-type: armenian; }
.list-georgian { list-style-type: georgian; }
.list-lower-alpha { list-style-type: lower-alpha; }
.list-upper-alpha { list-style-type: upper-alpha; }
.list-none { list-style-type: none; }
.list-inside { list-style-position: inside; }
.list-outside { list-style-position: outside; }
```