applause-button icon indicating copy to clipboard operation
applause-button copied to clipboard

Applying color via CSS (and gradients?)

Open danielthedifficult opened this issue 5 years ago • 2 comments

Hello Colin, and thank you so much for this beautiful product!

I am trying to style the button via css, but I can't seem to get it to work. It defaults to green (per line 244 of the .js file).

I've tried:

applause-button { color: red; }

applause-button { color: red !important; }

applause-button .style-root { color: red; }

I apologize if this is something really simple I should be able to figure out from your examples and sample code, but it's not clear to me how to apply it.

My 'real' goal would be to be able to apply a linear gradient effect, and animate it so the button pulses during a moment where we are 'introducing' the feature to the users.

Thank you for any help you can provide regarding changing the color via CSS and/or applying a gradient.

danielthedifficult avatar Apr 13 '20 16:04 danielthedifficult

Update:

applause-button .style-root { color: red !important; } does seem to work - but this is not ideal... if I want to change this later by adding another CSS class, it breaks...

danielthedifficult avatar Apr 13 '20 18:04 danielthedifficult