@empathyco/x-tailwindcss
Version:
Empathy X Tailwind plugin
24 lines (22 loc) • 582 B
JavaScript
/**
* Returns the `sizes` variants for component `title2`.
*
* @param helpers - The {@link TailwindHelpers} to generate CSS.
* @returns The {@link CssStyleOptions} for the variant.
*/
function titleSizes({ theme }) {
return {
sm: {
fontSize: theme('x.fontSize.lg'),
},
md: {
fontSize: theme('x.fontSize.xl'),
lineHeight: theme('x.lineHeight.md'),
},
lg: {
fontSize: theme('x.fontSize.3xl'),
lineHeight: theme('x.lineHeight.sm'),
},
};
}
export { titleSizes };