It seems like I am not the first, who asks about `...

# compose-web

[altavir]

It seems like I am not the first, who asks about before block. I am writing the following code in a stylesheet:

public val treeCaretDown: String by style {
        before {
            content("\u25B6")
            color(Color.black)
            display(DisplayStyle.InlineBlock)
            marginRight(6.px)
            transform { rotate(90.deg) }
        }
    }

But before block is missing in the final CSS. Am I doing something wrong?

[Alexander Zhirkevich]

Try it like this:

(self + hover)  {
        //....

    (self + before) {
        //....
    }
}

[Alexander Zhirkevich]

I also had such missunderstanding until read it here: https://github.com/JetBrains/compose-multiplatform/tree/master/tutorials/HTML/Style_Dsl

[altavir]

Now it works

[altavir]

It looks like a bug for me. before is a CssSelector and it has invoke method, but it is invoked in a wrong scope

[Alexander Zhirkevich]

Looks like just an unintuitive API design. It should work like your first example i agree