@vue-interface/form-control/tailwindcss/sizes.cjs

An abstract form control Vue mixin.

module.exports = {

    'xs': {
        paddingY: '.15rem',
        paddingX: '.35rem',
        fontSize: '.75rem',
        borderRadius: '.2rem',
    },

    'sm': {
        paddingY: '.25rem',
        paddingX: '.5rem',
        fontSize: '.875rem',
        borderRadius: '.25rem',
    },

    'base': {
        paddingY: '.375rem',
        paddingX: '.75rem',
        fontSize: '1rem',
        borderRadius: '.25rem',
    },
    
    'lg': {
        paddingY: '.5rem',
        paddingX: '1rem',
        fontSize: '1.25rem',
        borderRadius: '.25rem',
    },
    
    'xl': {
        paddingY: '.66rem',
        paddingX: '1.25rem',
        fontSize: '1.33rem',
        borderRadius: '.33rem',
    },
    
    '2xl': {
        paddingY: '.75rem',
        paddingX: '1.5rem',
        fontSize: '1.5rem',
        borderRadius: '.5rem',
    },
    
    '3xl': {
        paddingY: '.85rem',
        paddingX: '1.75rem',
        fontSize: '1.75rem',
        borderRadius: '.5rem',
    },
    
    '4xl': {
        paddingY: '1rem',
        paddingX: '2rem',
        fontSize: '2rem',
        borderRadius: '.66rem',
    }

};