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

Support nested object for backgroundColor plugin

Browse source
This commit is contained in:
Adam Wathan 2019-03-04 13:05:18 -05:00
parent ce48a4c91d
commit c3c9cdf5d6
2 changed files with 78 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

15
src/plugins/backgroundColor.js
View file

@ -1,9 +1,22 @@
import _ from 'lodash'
function buildColorPalette(colors) {
const result = _(colors)
.flatMap((color, name) => {
return _.isObject(color)
? _.map(color, (value, key) => [`${name}-${key}`, value])
: [[name, color]]
})
.fromPairs()
.value()
return result
}
export default function() {
return function({ addUtilities, e, config }) {
const utilities = _.fromPairs(
_.map(config('theme.backgroundColor'), (value, modifier) => {
_.map(buildColorPalette(config('theme.backgroundColor')), (value, modifier) => {
return [
`.${e(`bg-${modifier}`)}`,
{