Loading request...
Users want the ability to access the rendered CSS directly from Stitches components, rather than just classNames. This is needed for scenarios like styling external elements (e.g., a Cookie modal) where adding classes is not feasible and global CSS overrides are required.
**Is your feature request related to a problem? Please describe.** More than once I wanted to be able to access the rendered css from stitches instead of using the classNames. For example, I have an external Cookie script that creates a Cookie modal on the DOM, I don't have access to add classes to it (or atleast I don't want to query the DOM all the time), so my approach is to override the global css. I have many UI Components, and instead of writing the same CSS as of those Components (like Button), I want to get the rendered css from them to inject into the cookie modal css id **Describe the solution you'd like** Something like this will fix the problem ``` const buttonCss = getCssCode( React.createElement(Button, { variant: 'secondary' }) ) const globalStyles = globalCss({ '#cookie button': buttonCss, }) globalStyles() ``` **Describe alternatives you've considered** - **Additional context** -