yarn add @kirschbaum-development/tailwindcss-scale-utilities --devor
npm install @kirschbaum-development/tailwindcss-scale-utilities --save-devtheme: {
scale: {
0: 0,
25: '.25',
50: '.5',
75: '.75',
100: '1',
110: '1.1'
}
},
variants: {
scale: ['hover']
}// tailwind.config.js
{
theme: {
scale: {
'60': '0.6',
'90': '0.9',
'100': '1',
'120': '1.2'
}
},
variants: {
scale: ['responsive']
},
plugins: [
require('tailwindcss-scale-utilities')
]
}This plugin generates the following utilities:
/* configurable with the "scale" theme object */
.scale-[key] {
transform: scale([value]);
}