Create global style

[Danilqa]

Thanks for the great library!

I haven't found a solution for creating global theming in the application based on theme properties: for instance, the name of font families. (Something like this: https://www.styled-components.com/docs/api#createglobalstyle)

Does a solution with generating own globals.css from interpolated string by webpack plugin is ok? Or reshadow has something inside for resolving this problem?

[lttb]

Hi @Danilqa! Thank you for the issue!

Yeah, you can use, in example, .global.css extension and exclude reshadow plugins for this kind of files.

By the way, reshadow has the :global pseudo-class for elements and attributes, like css-modules for class names:

:global(body),
:global(html) {
  /* styles */
}

:global([data-id]) {
  /* styles */
}

[Danilqa]

@lttb, thanks! Your option with :global looks and works great. We will use it.