Aron

I also really like this feature, it will probably be implemented in `v2.1` or `v2.2`

Using v2 configuration, it will look like: ```js export default { styles: { btn: (size, color) => `h:${size === 'md' ? 40 : 48} text:center inline-flex bg:${color}` } } ```...

@HealMah We've conceived the same proposal as you in the past; it's quite possible that you'll see it in some version of Master CSS 2.X. Good job!

@itsMapleLeaf It's possible that the update of Remix in the past few months has caused the Master CSS JIT to not work. We've built a Remix example in CSS and...

@itsMapleLeaf We're facing a known issue that cannot be fixed. Just import MasterCSS into `entry.client.tsx` ```ts import { RemixBrowser } from '@remix-run/react' import { startTransition, StrictMode } from 'react' import...

> Hm, I think the hydration issue happens because MasterCSS adds a tag that `hydrateRoot` doesn't expect. When I run it from a react effect hook, it works fine, but...

@itsMapleLeaf The host of Master CSS is basically only the root `document` and the `.shadowRoot` of Shadow DOM, and `` is used as a communication bridge between SSR/AOT and JIT....

The SSG stage of Master CSS progressive rendering is mainly used to pre-generate the critical CSS rules required to improve FOUC, FCP, and CLS, also speed up page loading. Any...

> Good to know you're taking a closer look at this! > > Here's how Remix's default SSR setup works, it uses `renderToPipeableStream` from React. Similarly, non-node templates use `renderToStream`...

> That makes sense 🤔 The best way I can think of to insert the text into the streamed content is with react context > > ```tsx > // entry.client.tsx...