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