Authoring Custom Tailwind CSS Plugins & Custom Utilities

Creating Custom Tailwind Plugins

const plugin = require('tailwindcss/plugin');

module.exports = {
    plugins: [
        plugin(function({ addUtilities, matchUtilities, theme }) {
            addUtilities({
                '.glass-card': {
                    'background': 'rgba(15, 23, 42, 0.75)',
                    'backdrop-filter': 'blur(16px)',
                    'border': '1px solid rgba(51, 65, 85, 0.5)',
                }
            });
        })
    ]
};