<https://docs.fritz2.dev/StylingDSL.html> this see...

# fritz2

[Nikky]

https://docs.fritz2.dev/StylingDSL.html this seems to be not allowed in kotlin syntax? 2 trailing lambda blocks seems to not be allowed

[Big Chungus]

You're right, that's why you need to add first lambda into brackets ({})

[Big Chungus]

While we're on the topic, I think styling DSL would be much more readable with some minor adjustments

Consider this:

fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
    (::img.styled {
        boxShadow { flat }
        radius { large }
        width(sm = { small }, md = { smaller })
    }) {
        src(srcUrl)
        alt(alternativeText)
    }
}

VS reimagined:

fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
    img.styled({
        boxShadow { flat }
        radius { large }
        width(sm = { small }, md = { smaller })
    }) {
        src(srcUrl)
        alt(alternativeText)
    }
}

[Big Chungus]

or even forget inline styles and just have optional style arguments in existing DSLs:

fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
    img(style = {
        boxShadow { flat }
        radius { large }
        width(sm = { small }, md = { smaller })
    }) {
        src(srcUrl)
        alt(alternativeText)
    }
}

// OR with builder to allow reusable styles as well
fun RenderContext.headerImage(srcUrl: String, alternativeText: String) {
    img(style = styleOf({
        boxShadow { flat }
        radius { large }
        width(sm = { small }, md = { smaller })
    })) {
        src(srcUrl)
        alt(alternativeText)
    }
}

[Jan Weidenhaupt]

@Big Chungus Can you give us an issue on github for it? Than we can discuss there a possible rework of our styling API 😉
https://github.com/jwstegemann/fritz2/issues
Thanks!

[Big Chungus]

Sure, will do first thing tomorrow