Object-fit - TailwindCSS Plugin

  • By Hendrik Werner
  • Last update: Apr 21, 2022
  • Comments: 0

Object-fit - TailwindCSS Plugin

This plugin generates classes for object-fit image properties.

Installation

Pull it in through npm or yarn:

npm install tailwindcss-object-fit
yarn add tailwindcss-object-fit

Usage

Just add it to the plugins array of your Tailwind config.

plugins: [
  // Other plugins
  require('tailwindcss-object-fit')(['responsive']),
],

By default the plugin generates the following classes:

.object-contain: { objectFit: 'contain' }
.object-cover: { objectFit: 'cover' }
.object-fill: { objectFit: 'fill' }
.object-none: { objectFit: 'none' }
.object-scale: { objectFit: 'scale-down' }

License

This project is licensed under the MIT License.

Github

https://github.com/hendrikeng/tailwindcss-object-fit