By switching the :not(\20) chain from a suffix to a prefix, it allows pseudo elements like ::before and ::after to work.
Some have been added to makeMeUgly.css for testing. You won't be able to override them by adding them to the createUseStyles in the Playground App.tsx, though, because it's outside the theme. Instead, you'll have to temporarily add something like the following to the Typography root or title class itself:
"&::after": { content: '""', },
By switching the
:not(\20)chain from a suffix to a prefix, it allows pseudo elements like ::before and ::after to work.Some have been added to
makeMeUgly.cssfor testing. You won't be able to override them by adding them to the createUseStyles in the Playground App.tsx, though, because it's outside the theme. Instead, you'll have to temporarily add something like the following to the Typography root or title class itself:"&::after": { content: '""', },