[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
Init repository
Nestor Vera
(Jul 20, 2018, 2:28 PM +0200)
2342b330
+83
+23
index.js
+23
index.js
···
1
+
module.exports = function (variants) {
2
+
return function ({ addUtilities }) {
3
+
addUtilities(
4
+
{
5
+
'.object-top': { objectPosition: 'top' },
6
+
'.object-right': { objectPosition: 'right' },
7
+
'.object-bottom': { objectPosition: 'bottom' },
8
+
'.object-left': { objectPosition: 'left' },
9
+
'.object-center': { objectPosition: 'center' },
10
+
11
+
'.object-right-top': { objectPosition: 'right top' },
12
+
'.object-right-bottom': { objectPosition: 'right bottom' },
13
+
14
+
'.object-left-top': { objectPosition: 'left top' },
15
+
'.object-left-bottom': { objectPosition: 'left bottom' },
16
+
17
+
'.object-center-top': { objectPosition: 'center top' },
18
+
'.object-center-bottom': { objectPosition: 'center bottom' },
19
+
},
20
+
variants
21
+
)
22
+
}
23
+
}
+23
package.json
+23
package.json
···
1
+
{
2
+
"name": "tailwindcss-object-position",
3
+
"version": "0.1.0",
4
+
"description": "object-position utilities for Tailwind CSS.",
5
+
"main": "index.js",
6
+
"repository": {
7
+
"type": "git",
8
+
"url": "git+https://github.com/hacknug/tailwindcss-object-position.git"
9
+
},
10
+
"keywords": [
11
+
"tailwind",
12
+
"tailwindcss",
13
+
"tailwind css",
14
+
"tailwindcss-plugin",
15
+
"plugin"
16
+
],
17
+
"author": "Nestor Vera <nestorvera@me.com> (https://nestor.rip)",
18
+
"license": "MIT",
19
+
"bugs": {
20
+
"url": "https://github.com/hacknug/tailwindcss-object-position/issues"
21
+
},
22
+
"homepage": "https://github.com/hacknug/tailwindcss-object-position#readme"
23
+
}
+35
readme.md
+35
readme.md
···
1
+
# Tailwind CSS Object Position Plugin
2
+
3
+
This plugin adds utilities to use object-position with Tailwind CSS.
4
+
5
+
## Installation
6
+
7
+
Add this plugin to your project:
8
+
9
+
```bash
10
+
# Install using npm
11
+
npm install --save-dev tailwindcss-object-position
12
+
13
+
# Install using yarn
14
+
yarn add -D tailwindcss-object-position
15
+
```
16
+
17
+
## Usage
18
+
19
+
```js
20
+
require('tailwindcss-object-position')(['responsive'])
21
+
```
22
+
23
+
```css
24
+
.object-top: { object-position: top; }
25
+
.object-right: { object-position: right; }
26
+
.object-bottom: { object-position: bottom; }
27
+
.object-left: { object-position: left; }
28
+
.object-center: { object-position: center; }
29
+
.object-right-top: { object-position: right top; }
30
+
.object-right-bottom: { object-position: right bottom; }
31
+
.object-left-top: { object-position: left top; }
32
+
.object-left-bottom: { object-position: left bottom; }
33
+
.object-center-top: { object-position: center top; }
34
+
.object-center-bottom: { object-position: center bottom; }
35
+
```