when using prefix, theme tokens in globalCSS aren't prefixed
flowen opened this issue · comments
flowen commented
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>
)
}
flowen commented
lol wrong repo