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.

require('tailwindcss-scale')({
  timing: '250ms',
  targets: ['transform', 'opacity'],
  variants: ['hover', 'responsive']
})

You can override any of these defaults. If you're cool with the defaults, just add:

require('tailwindcss-scale')({})

tailwindcss-scale