Two Gradients with Library Colors on same element

[Mark_Pederson]

Hey @Alexis @Joyce -

We have kicked off development on a big project (WeWeb + Xano + Neo4J) and we are hitting an issue.

Our front end design is pretty elaborate and has many elements with TWO gradients.

We REALLY want to leverage the advantages of LIBRARY colors - and we would want to BIND our gradients to LIBRARY colors - like you showed me how to do in this thread - We need GRADIENTS in Library Colors

But that formula does NOT work for adding TWO different gradients to same element.

Could this become possible in the near term?? Is it already possible but requires a different non-documented syntax??

REALLY want to avoid doing a zillion CSS bound to variables, etc -

[Alexis]

I’m not sure to understand why it would not work to add multiple gradients

You can create a formula that will generate the gradient for you so it became easier do to

Or create a folder to store multiple formulas for every possible gradient if you want to manage them in a single place like with the library

You can learn more about the gradient syntax here => Using CSS gradients - CSS: Cascading Style Sheets | MDN

[Mark_Pederson]

Hey @Alexis indeed it works!!!

We had an error in our formula re: stacking / transparency, etc.

So happy we can 100% leverage LIBRARY for all things color in this app. Thx!!