https://github.com/arthurdenner/tailwindcss-all

TailwindCSS plugin that adds utilities for the `all` CSS property
https://github.com/arthurdenner/tailwindcss-all

tailwindcss tailwindcss-plugin

Last synced: 3 days ago
JSON representation

TailwindCSS plugin that adds utilities for the `all` CSS property

• Host: GitHub
• URL: https://github.com/arthurdenner/tailwindcss-all
• Owner: arthurdenner
• License: mit
• Created: 2022-03-11T14:58:56.000Z (over 2 years ago)
• Default Branch: main
• Last Pushed: 2022-03-14T09:36:36.000Z (over 2 years ago)
• Last Synced: 2024-11-12T17:49:33.693Z (4 days ago)
• Topics: tailwindcss, tailwindcss-plugin
• Language: CSS
• Homepage: https://tailwindcss-all.netlify.app
• Size: 36.1 KB
• Stars: 15
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# tailwindcss-all

TailwindCSS plugin that adds utilities for the `all` CSS property.

The `all` shorthand CSS property resets all of an element's properties except [`unicode-bidi`](https://developer.mozilla.org/en-US/docs/Web/CSS/unicode-bidi), [`direction`](https://developer.mozilla.org/en-US/docs/Web/CSS/direction), and [CSS Custom Properties](https://developer.mozilla.org/en-US/docs/Web/CSS/Using_CSS_custom_properties).

It can set properties to their initial or inherited values, or to the values specified in another stylesheet origin.

Check the [MDN page](https://developer.mozilla.org/en-US/docs/Web/CSS/all) for examples of the property.

## Usage

```bash

npm install tailwindcss-all

```

```js

// tailwind.config.js

module.exports = {

  // ...

  plugins: [

    // ...

    require('tailwindcss-all'),

  ],

};

```

### Utilities

- `all-initial`

- `all-inherit`

- `all-revert`

- `all-unset`

## References

- [CSS Spec](https://www.w3.org/TR/css-cascade-3/#all-shorthand)

- [MDN page](https://developer.mozilla.org/en-US/docs/Web/CSS/all)

- [caniuse data](https://caniuse.com/css-all)