Post

Forgot to mention: this shipped in @sugarcube.sh last week! No more back-and-forth between sugarcube and utopia.fyi. Thanks to @arpit.codes for helping push me to actually implement this. Check out the fluid space & type docs for more:

sugarcube.shFluid Space & TypeDesign tokens, generated CSS, and optional components. Build front ends on strong, reusable foundations.

Mark Tomlinson@marktomlinson.dev

Utopia.fyi but in your tokens indeed.

22/5/26, 6:40 am7 reposts22 likes

Arpit Agrawal

@arpit.codes

22 May

Thanks for building this out! Looking forward to use it soon.

Jono Lewarne

@cityeditionstudio.co.uk

Beautiful!

The type.json is new right? Do I need to update sugarcube to use it?

Mark Tomlinson

@marktomlinson.dev

3 June

Yeah, you'll need at least @sugarcube-sh/cli@0.1.13 to use it. Or at least @sugarcube-sh/vite@0.1.14, if you're using the plugin.

Markus Finell

@finell.dev

3 June

And does it replace the previous size.json -> size.step.[-1, -2, 0, 1 etc.]?

Mark Tomlinson

@marktomlinson.dev

3 June

Do you mean whether the generated var names would line up with your existing --size-step-* CSS?