search

vercel / styled-jsx

Full CSS support for JSX without compromises
http://npmjs.com/styled-jsx
MIT License
7.65k stars 266 forks source link

Scope type not being changed when using comment on external file #827

Open lgmf opened 1 year ago

lgmf commented 1 year ago

Do you want to request a feature or report a bug?

report a bug

What is the current behavior?

The type is being ignored when set per individual CSS file via CSS comment like /* @styled-jsx=<type>*/ when using custom babel and webpack config.

This happens only for the production build (it works in dev mode).

What is the expected behavior?

Set the scope type per CSS file when it has a comment with /* @styled-jsx=<type> */

Environment

Basically, I have this style that's supposed to be global

/* @styled-jsx=global */
*,
*::before,
*::after {
  box-sizing: border-box;
  font-family: "Roboto", sans-serif;
}

body {
  margin: 0;
}

p {
  font-size: 48px;
  font-weight: bold;
}

Here's the link to the sample project to reproduce the bug: https://github.com/lgmf/next-styled-jsx-global-bug

Did this work in previous versions?

Yes