nestor.rip / tailwindcss-object-position
[READ-ONLY] Mirror of https://github.com/hacknug/tailwindcss-object-position. DEPRECATED: Object-position utilities for Tailwind CSS. www.npmjs.com/package/tailwindcss-object-position
0
Fork 0

Configure Feed

Select the types of activity you want to include in your feed.

JavaScript 100.0%
7 1 0

Clone this repository

https://tangled.org/nestor.rip/tailwindcss-object-position https://tangled.org/did:plc:mjyqgkyhxcb3igg3ft3kndqt
git@tangled.org:nestor.rip/tailwindcss-object-position git@tangled.org:did:plc:mjyqgkyhxcb3igg3ft3kndqt

For self-hosted knots, clone URLs may differ based on your setup.


Download tar.gz Download .zip
readme.md

Tailwind CSS Object Position Plugin#

Deprecated due to Tailwind CSS supporting both objectFit and objectPosition as of v0.7.1.

This plugin adds utilities to use object-position with Tailwind CSS.

Installation#

Add this plugin to your project:

# Install using npm
npm install --save-dev tailwindcss-object-position

# Install using yarn
yarn add -D tailwindcss-object-position

Usage#

require('tailwindcss-object-position')(['responsive'])

.object-top: { object-position: top; }
.object-right: { object-position: right; }
.object-bottom: { object-position: bottom; }
.object-left: { object-position: left; }
.object-center: { object-position: center; }
.object-right-top: { object-position: right top; }
.object-right-bottom: { object-position: right bottom; }
.object-left-top: { object-position: left top; }
.object-left-bottom: { object-position: left bottom; }