https://github.com/hacknug/tailwindcss-object-position

DEPRECATED: Object-position utilities for Tailwind CSS.
https://github.com/hacknug/tailwindcss-object-position

Last synced: 29 days ago
JSON representation

DEPRECATED: Object-position utilities for Tailwind CSS.

• Host: GitHub
• URL: https://github.com/hacknug/tailwindcss-object-position
• Owner: hacknug
• Created: 2018-07-20T12:27:33.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2021-06-19T10:49:57.000Z (over 3 years ago)
• Last Synced: 2025-01-18T15:48:14.626Z (about 1 month ago)
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/tailwindcss-object-position
• Size: 2.93 KB
• Stars: 1
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# 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:

```bash

# Install using npm

npm install --save-dev tailwindcss-object-position

# Install using yarn

yarn add -D tailwindcss-object-position

```

## Usage

```js

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

```

```css

.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; }

```