https://github.com/liorocks/tailwindcss-plugin-demo

Generated with create-tailwind-plugin
https://github.com/liorocks/tailwindcss-plugin-demo

create-tailwind-plugin demo tailwindcss-plugin taiwindcss

Last synced: about 2 months ago
JSON representation

Generated with create-tailwind-plugin

• Host: GitHub
• URL: https://github.com/liorocks/tailwindcss-plugin-demo
• Owner: liorocks
• License: mit
• Created: 2021-01-06T03:59:14.000Z (about 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-06T04:01:09.000Z (about 4 years ago)
• Last Synced: 2024-09-14T15:37:54.344Z (4 months ago)
• Topics: create-tailwind-plugin, demo, tailwindcss-plugin, taiwindcss
• Language: JavaScript
• Homepage: https://github.com/Landish/create-tailwind-plugin
• Size: 85 KB
• Stars: 5
• Watchers: 2
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# tailwindcss-plugin-demo

> Demo plugin created with create-tailwind-plugin

Install the plugin from npm:

```

$ npm install tailwindcss-plugin-demo

```

Then add the plugin to your `tailwind.config.js` file:

```js

// tailwind.config.js

module.exports = {

  theme: {

    // ...

    // Optional. Your plugin might not have any options at all.

    demo: {

      // ...

      YOUR_PLUGIN_CUSTOM_OPTION: true,

      // ...

    },

  },

  variants: {

    // ...

    // Optional. Your plugin might not have any variants at all.

    demo: ['responsive'],

    // ...

  },

  plugins: [

    // ...

    require('tailwindcss-plugin-demo'),

    // ...

  ],

};

```

This plugin will generate following CSS:

```css

/* ... */

.example-utility-class {

  display: block;

}

.custom-utility-class {

  background-color: red;

}

/* ... */

```

## License

tailwindcss-plugin-demo is licensed under the MIT License.

## Credits

Created with [create-tailwind-plugin](https://github.com/Landish/create-tailwind-plugin).