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

fix(gradientColorStops): correctly handle color closures

Browse source
This commit is contained in:
Enzo Innocenzi 2020-08-18 22:35:29 +02:00
parent 0206d060e5
commit 486772a82d
No known key found for this signature in database
GPG key ID: 142E4908E855E2B1
1 changed files with 13 additions and 3 deletions
Download patch file Download diff file Expand all files Collapse all files

16
src/plugins/gradientColorStops.js
View file

@ -12,6 +12,16 @@ export default function() {
const utilities = _(colors)
.map((value, modifier) => {
const getColorValue = (color, type) => {
if (_.isFunction(color)) {
return value({
opacityVariable: `--gradient-${type}-opacity`,
})
}
return color
}
const transparentTo = (() => {
try {
const [r, g, b] = toRgba(value)
@ -25,21 +35,21 @@ export default function() {
[
`.${e(`from-${modifier}`)}`,
{
'--gradient-from-color': value,
'--gradient-from-color': getColorValue(value, 'from'),
'--gradient-color-stops': `var(--gradient-from-color), var(--gradient-to-color, ${transparentTo})`,
},
],
[
`.${e(`via-${modifier}`)}`,
{
'--gradient-via-color': value,
'--gradient-via-color': getColorValue(value, 'via'),
'--gradient-color-stops': `var(--gradient-from-color), var(--gradient-via-color), var(--gradient-to-color, ${transparentTo})`,
},
],
[
`.${e(`to-${modifier}`)}`,
{
'--gradient-to-color': value,
'--gradient-to-color': getColorValue(value, 'to'),
},
],
]