tailwindcss-scale v0.0.7

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')({})