Multiple properties in CSS fails in a particular case

[carlosrovira]

Trying to put multiple properties in CSS. This works ok but unless you try the following case:

background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, -290)'><g transform='translate(760, 285)'><g><polygon fill='#ffffff' points='3 13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></g></svg>"), #b3dffa

in this case url can't be declared without quotation marks and the resultant array created by royale will have various quotation marks (simple or double) when compile the final app.

only when declared alone will work

background: url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, -290)'><g transform='translate(760, 285)'><g><polygon fill='#3CADF1' points='3 13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></g></svg>")

this results in:

this["background"] = ["url("data:image/svg+xml;utf8,<svg viewBox='0 0 16 13' version='1.1' xmlns='http://www.w3.org/2000/svg'><g transform='translate(-763, -290)'><g transform='translate(760, 285)'><g><polygon fill='#3CADF1' points='3 13 9 18 19 7 16 5 9 13 6 10'></polygon></g></g></g></svg>")", 11788282];

This is important to position an icon over a colored background. Right now we only can have the one or the other

[carlosrovira]

Thanks Alex, this is working ok now :)