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

Support nested object for textColor plugin

Browse source
This commit is contained in:
Adam Wathan 2019-03-04 13:07:26 -05:00
parent c3c9cdf5d6
commit bfde7e4d6e
3 changed files with 68 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/plugins/backgroundColor.js
View file

@ -1,22 +1,10 @@
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
}
import flattenColorPalette from '../util/flattenColorPalette'
export default function() {
return function({ addUtilities, e, config }) {
const utilities = _.fromPairs(
_.map(buildColorPalette(config('theme.backgroundColor')), (value, modifier) => {
_.map(flattenColorPalette(config('theme.backgroundColor')), (value, modifier) => {
return [
`.${e(`bg-${modifier}`)}`,
{

3
src/plugins/textColor.js
View file

@ -1,9 +1,10 @@
import _ from 'lodash'
import flattenColorPalette from '../util/flattenColorPalette'
export default function() {
return function({ addUtilities, e, config }) {
const utilities = _.fromPairs(
_.map(config('theme.textColor'), (value, modifier) => {
_.map(flattenColorPalette(config('theme.textColor')), (value, modifier) => {
return [
`.${e(`text-${modifier}`)}`,
{