Closed flowen closed 1 year ago
Added a prefix in the stitches config, but when using a design token in the globalCSS function it won't add it
const { styled, getCssText, keyframes } = createStitches({ prefix: 'st-', // temp untill we remove styled-comp theme: { fonts: { helvetica: "'Helvetica Neue', sans-serif", }, ... }}) const globalStyles = globalCss({ '*': { boxSizing: 'border-box', fontFamily: '$helvetica', }, ... }); export { styled, globalStyles }
app.js:
export default function App({ Component, pageProps }) { globalStyles() return ( <React.StrictMode> ... </React.StrictMode> ) }
browser:
I think it should be working if you export globalCss function from your createStitches intead of @stitches/react, just like you did with the styled function.
globalCss
createStitches
@stitches/react
styled
@Liombe TY! that was it indeed
Bug report
Describe the bug
Added a prefix in the stitches config, but when using a design token in the globalCSS function it won't add it
To Reproduce
app.js:
browser: