Global styles get added as quoted strings.

[Froncz]

Hi. After updating the module, we've started facing the problem with global styles. They get added as camel-cased quoted strings.

Have anyone the same problem?

[Freddy03h]

I face the same problem.

[giraud]

if I change the current App.res in dev-server-emotion to :

open CssJs
global(. "*", [
    margin(#zero), padding(#zero), backgroundColor(lavender), marginTop(10->px), fontFamily(#custom("Source Sans Pro"))
])

I get correct names:

what version are you using ?

[rolandpeelen]

Same here. Also, none of our global styles are working anymore - we think this might be related. @giraud 's fix works, but it's not ideal.

From:

Css.(
  global(
    "html",
    [
      boxSizing(`borderBox),
      selector("*, *:before, *:after", [boxSizing(`inherit_)]),
      selector("::-webkit-scrollbar", [background(`transparent)]),
    ],
  )
);

To:

CssJs.(
  global(.
    "html",
    [|
      boxSizing(`borderBox),
      selector("*, *:before, *:after", [|boxSizing(`inherit_)|]),
      selector("::-webkit-scrollbar", [|background(`transparent)|]),
    |],
  )
);

[giraud]

@rolandpeelen what do you mean ? switching from Css to CssJs is the fix ?

[rolandpeelen]

@giraud - For us, for just the global Css variants, switching to CssJs / calling it uncurried works (we only have two global css statements, so that's fine).

[giraud]

ah yes, there is a diff in impl:

js:

legacy: