https://github.com/hacknug/tailwindcss-cursor-extended

DEPRECATED: All of the missing cursor utilities for Tailwind CSS.
https://github.com/hacknug/tailwindcss-cursor-extended

Last synced: about 2 months ago
JSON representation

DEPRECATED: All of the missing cursor utilities for Tailwind CSS.

• Host: GitHub
• URL: https://github.com/hacknug/tailwindcss-cursor-extended
• Owner: hacknug
• Created: 2018-04-29T09:47:40.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-06-19T10:49:10.000Z (over 3 years ago)
• Last Synced: 2024-07-23T19:00:11.768Z (2 months ago)
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/tailwindcss-cursor-extended
• Size: 3.91 KB
• Stars: 7
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# Tailwind CSS Cursor Extended Plugin

**Deprecated due to Tailwind CSS supporting `cursor` as of v1.0.0.**

This plugin adds all of the missing cursor utilities to Tailwind CSS.

## Installation

Add this plugin to your project:

```bash

# Install using npm

npm install --save-dev tailwindcss-cursor-extended

# Install using yarn

yarn add -D tailwindcss-cursor-extended

```

## Usage

```js

require('tailwindcss-cursor-extended')(['responsive'])

```

```css

.cursor-none { cursor: none; }

.cursor-context-menu { cursor: context-menu; }

.cursor-help { cursor: help; }

.cursor-progress { cursor: progress; }

.cursor-cell { cursor: cell; }

.cursor-crosshair { cursor: crosshair; }

.cursor-text { cursor: text; }

.cursor-vertical-text { cursor: vertical-text; }

.cursor-alias { cursor: alias; }

.cursor-copy { cursor: copy; }

.cursor-no-drop { cursor: no-drop; }

.cursor-all-scroll { cursor: all-scroll; }

.cursor-col-resize { cursor: col-resize; }

.cursor-row-resize { cursor: row-resize; }

.cursor-n-resize { cursor: n-resize; }

.cursor-e-resize { cursor: e-resize; }

.cursor-s-resize { cursor: s-resize; }

.cursor-w-resize { cursor: w-resize; }

.cursor-ne-resize { cursor: ne-resize; }

.cursor-nw-resize { cursor: nw-resize; }

.cursor-se-resize { cursor: se-resize; }

.cursor-sw-resize { cursor: sw-resize; }

.cursor-ew-resize { cursor: ew-resize; }

.cursor-ns-resize { cursor: ns-resize; }

.cursor-nesw-resize { cursor: nesw-resize; }

.cursor-nwse-resize { cursor: nwse-resize; }

.cursor-zoom-in { cursor: zoom-in; }

.cursor-zoom-out { cursor: zoom-out; }

.cursor-grab { cursor: grab; }

.cursor-grabbing { cursor: grabbing; }

```