@curtisbelt/tailwindcss-extras v1.0.0

Tailwind CSS Extras

Installation

yarn add -D @curtisbelt/tailwindcss-extras

or

npm install @curtisbelt/tailwindcss-extras --save-dev

Usage

// tailwind.config.js
module.exports = {
  prefix: '',
  important: false,
  separator: ':',
  theme: {},
  variants: {},
  plugins: [
    require('@curtisbelt/tailwindcss-extras')
  ]
}

This plugin generates the following utilities:

Aspect Ratio

.aspect-ratio-square {
  padding-top: 100%
}

.aspect-ratio-16x9 {
  padding-top: 56.2%
}

.aspect-ratio-21x9 {
  padding-top: 42.8%
}

.aspect-ratio-4x3 {
  padding-top: 75%
}

.aspect-ratio-2x3 {
  padding-top: 150%
}

Changelog

Please see CHANGELOG for more information on what has changed recently.

License

The MIT License (MIT). Please see License File for more information.