https://github.com/knowler/tailwindcss-wordpress
Tailwind CSS plugins for WordPress generated classes.
https://github.com/knowler/tailwindcss-wordpress
Last synced: 3 months ago
JSON representation
Tailwind CSS plugins for WordPress generated classes.
- Host: GitHub
- URL: https://github.com/knowler/tailwindcss-wordpress
- Owner: knowler
- Created: 2019-06-01T00:29:00.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2019-06-06T01:56:03.000Z (about 7 years ago)
- Last Synced: 2025-03-31T16:52:44.286Z (about 1 year ago)
- Language: JavaScript
- Homepage:
- Size: 34.2 KB
- Stars: 8
- Watchers: 1
- Forks: 0
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Tailwind Plugins for WordPress
Currently this plugin just creates the rules for WordPress
generated classes. Perhaps, it could create components for
comments and forms in the future.
## Installation
```sh
# NPM
npm i -D tailwindcss-wordpress
# Yarn
yarn -D tailwindcss-wordpress
```
## Usage
```js
const { wordpressUtilities } = require('tailwindcss-wordpress');
module.exports = {
theme: {
extend: {},
},
variants: {},
plugins: [
wordpressUtilities,
],
};
```
## Plugins
### Utilities
These styles are based on the styles that were included in Sage
9. The following classes are generated:
* `.alignnone`
* `.aligncenter`
* `.alignright`
* `.alignleft`
* `.wp-caption` (`img`)
* `.wp-caption-text`
* `.screen-reader-text` (`:focus`, `:active`)