I created a website with Ignite early last year, where I could style many items using the style modifier like so:

.style("text-decoration: none; color: #FFF; padding-left: 20px;")

Sometime later Ignite was extensively changed and that no longer works. I have been pulling my hair out trying to add multiple styles in one style modifier but can't seem to get it to work. Single modifiers do work.

Can anyone show me how this is accomplished?

Thanks!

Look like .style requires style(_ property: Property, _ value: String) however this may hint to what you looking for.

.style(
    .init(.height, value: "100%"),
    .init(.objectFit, value: "cover"),
    .init(.opacity, value: backgroundOpacity.formatted(.nonLocalizedDecimal))
)