import plugin from 'tailwindcss/plugin';
/**
 * Headings are a combination of font-size, line-height and weight.
 *
 * Class Names:
 *
 *  btu-heading-1
 *  btu-heading-2
 *  btu-heading-3
 *  btu-heading-4
 *  btu-heading-5
 *
 * Example Usage:
 *
 *  Heading level 3  ->  btu-heading-3
 *
 */
module.exports = plugin(function ({ addComponents, theme }) {
    addComponents({
        '.btu-heading-1': {
            'font-size': '2.25rem',
            'line-height': theme('lineHeight.9'),
            'font-weight': '600',
        },
        '.btu-heading-2': {
            'font-size': '1.875rem',
            'line-height': theme('lineHeight.8'),
            'font-weight': '600',
        },
        '.btu-heading-3': {
            'font-size': '1.5rem',
            'line-height': theme('lineHeight.7'),
            'font-weight': '600',
        },
        '.btu-heading-4': {
            'font-size': '1.125rem',
            'line-height': theme('lineHeight.6'),
            'font-weight': '600',
        },
        '.btu-heading-5': {
            'font-size': '1rem',
            'line-height': theme('lineHeight.5'),
            'font-weight': '600',
        },
        '.btu-heading-6': {
            'font-size': '.875rem',
            'line-height': theme('lineHeight.4'),
            'font-weight': '600',
        },
    });
});
//# sourceMappingURL=tailwind-plugin-heading.js.map