tailwindcss/src/plugins/stack.js
2020-04-16 10:45:05 -04:00

18 lines
510 B
JavaScript

import _ from 'lodash'
export default function() {
return function({ addUtilities, e, theme, variants }) {
const generators = [
(size, modifier) => ({
[`.${e(`stack-y-${modifier}`)} > * + *`]: { 'margin-top': `${size}` },
[`.${e(`stack-x-${modifier}`)} > * + *`]: { 'margin-left': `${size}` },
}),
]
const utilities = _.flatMap(generators, generator => {
return _.flatMap(theme('stack'), generator)
})
addUtilities(utilities, variants('stack'))
}
}