Passing a class name that contains "/" (or any character that is special in CSS) works in an unexpected way. This two classes won't match, even tough they are specified with the exact same string:
[ global
[ Css.Global.class "my/class" [ color red ] ]
, div [ class "my/class" ] [ text "I should be red" ]
]It seems that names passed into Css.Global.class are handled as raw CSS fragments, not actual class names.
Is there any way this could be fixed? I understand it would be a bit backwards-incompatible, as people might already escape the names (or even pass complex selectors to class).
I've prepared an Ellie with a working example. The counter should be centered, and should not have a dashed border: https://ellie-app.com/nFkBH6KXwLqa1
Passing a class name that contains "/" (or any character that is special in CSS) works in an unexpected way. This two classes won't match, even tough they are specified with the exact same string:
It seems that names passed into
Css.Global.classare handled as raw CSS fragments, not actual class names.Is there any way this could be fixed? I understand it would be a bit backwards-incompatible, as people might already escape the names (or even pass complex selectors to
class).I've prepared an Ellie with a working example. The counter should be centered, and should not have a dashed border: https://ellie-app.com/nFkBH6KXwLqa1