mask-icon

Plugin for creating icons using mask

Install the plugin from npm:

$ npm install mask-icon

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

// tailwind.config.js
module.exports = {
  theme: {
    // ...
    // Optional. Your plugin might not have any options at all.
    maskIcon: {
      // ...
      YOUR_PLUGIN_CUSTOM_OPTION: true,
      // ...
    },
  },
  variants: {
    // ...
    // Optional. Your plugin might not have any variants at all.
    maskIcon: ['responsive'],
    // ...
  },
  plugins: [
    // ...
    require('mask-icon'),
    // ...
  ],
};

This plugin will generate following CSS:

/* ... */
.example-utility-class {
  display: block;
}

.custom-utility-class {
  background-color: red;
}
/* ... */

License

mask-icon is licensed under the MIT License.

Credits

Created with create-tailwind-plugin.