Scale (for TailwindCSS)
This plugin adds utilties for transform: scale()
. The utilities available are:
- .scale-xs (0.5)
- .scale-sm (0.9)
- .scale-none (1.0)
- .scale-lg (1.1)
- .scale-xl (1.5)
- .scale-2xl (2.0)
- .transition (250ms)
Of course, you can use transforms without transitions, but I have a feeling you're going to want to use transitions with these.
Drop this plugin into your TailwindCSS config file in the plugins section.
timing: '250ms' targets: 'transform' 'opacity' variants: 'hover' 'responsive'
You can override any of these defaults. If you're cool with the defaults, just add:
{}