A modern programming language that makes developers happier.

kotlinlang

Hello people! I’ll go straight to the point :smile:

I use the following code for CSS variables.
```object BoardCssVariable {
    val translateOrigin by variable&lt;StylePropertyString&gt;()
}```
The current examples are use it in something like
```object BoardSheet : StyleSheet() {
    val container by style {
        BoardCssVariable.translateOrigin("translateY(-150%)")
        property("transform", BoardCssVariable.translateOrigin.value())
    }
}```
But that’s not really useful. I want to change its value depending on some logic. So I ended up doing
```Div({
    style {
        if (myCondition) {
          property(BoardCssVariable.translateOrigin.name, "translateY(-150%)")
        }
    }
}) {}```
Is there some ideas to make it more pleasant? Maybe Compose for web could get some handy features via the compiler, some kind of CSS runtime like <https://emotion.sh/docs/introduction|Emotion>? Of course, it is not blocking. Just curious to know what will be the team’s take on that :slightly_smiling_face:

Maybe I could have done something like
```Div({
    classes(BoardSheet.container("translateY(-150%)"))
}) {}```
and under the wood, the compiler would have done what I manually did. I don’t know :shrug:

Yes, we have plans to improve this experience. I think it will be much more handy.