wrapper/tailwindcss
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

Allow users to customize objectPostions

Browse source
This commit is contained in:
Nestor Vera 2019-02-21 12:51:15 +01:00
parent 33c91e19ea
commit 1bddb2511b
2 changed files with 26 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

30
src/plugins/objectPosition.js
View file

@ -1,18 +1,18 @@
export default function({ variants }) {
return function({ addUtilities }) {
addUtilities(
{
'.object-bottom': { 'object-position': 'bottom' },
'.object-center': { 'object-position': 'center' },
'.object-left': { 'object-position': 'left' },
'.object-left-bottom': { 'object-position': 'left bottom' },
'.object-left-top': { 'object-position': 'left top' },
'.object-right': { 'object-position': 'right' },
'.object-right-bottom': { 'object-position': 'right bottom' },
'.object-right-top': { 'object-position': 'right top' },
'.object-top': { 'object-position': 'top' },
},
variants
import _ from 'lodash'
export default function({ values, variants }) {
return function({ addUtilities, e }) {
const utilities = _.fromPairs(
_.map(values, (value, modifier) => {
return [
`.${e(`object-${modifier}`)}`,
{
'object-position': value,
},
]
})
)
addUtilities(utilities, variants)
}
}