@empathyco/x-tailwindcss/dist/cjs/x-tailwind-plugin/components/button/layouts.js

Empathy X Tailwind plugin

'use strict';

/**
 * Returns the `layout` variants for component `button`.
 *
 * @param helpers - The {@link TailwindHelpers} to generate CSS.
 * @returns The {@link CssStyleOptions} for the variant.
 */
function buttonLayouts({ theme }) {
    return {
        square: {
            aspectRatio: '1/1',
            paddingInlineStart: 0,
            paddingInlineEnd: 0,
        },
        circle: {
            aspectRatio: '1/1',
            paddingInlineStart: 0,
            paddingInlineEnd: 0,
            borderRadius: theme('x.borderRadius.full'),
        },
    };
}

exports.buttonLayouts = buttonLayouts;