Fix Patreon's gradient names showing up as a block sometimes
therungg opened this issue · 2 comments
therungg commented
zoglo commented
Quick look into the dev-tools and you can see the issue:
It looks like it sometimes drops the "background-clip" property when it's being compiled into the background shorthand.
This can be fixed by using backgroundImage instead of background in these 2 lines:
style: [
{
backgroundImage: `-webkit-linear-gradient(left, ${darkModeString})`,
WebkitBackgroundClip: "text",
backgroundClip: "text",
color: "transparent",
WebkitTextFillColor: "transparent",
},
{
backgroundImage: `-webkit-linear-gradient(left, ${lightModeString})`,
WebkitBackgroundClip: "text",
backgroundClip: "text",
color: "transparent",
WebkitTextFillColor: "transparent",
},
],
therungg commented
Merged, thanks!