search

master-co / css

The CSS Language and Framework
https://css.master.co
MIT License
1.78k stars 41 forks source link

✨ Support step-scaling (e.g., Utopia.fyi) #252

Closed merchako closed 1 year ago

merchako commented 1 year ago

Description

Problem: MasterCSS directly exposes size values in it's API: font-size, margin, padding, etc. All values are arbitrary. This gives infinite options! Sometimes infinite options are good, but for easier developer decision-making, clearer communication with designers, and a better user experience, it helps to use fewer size values. MasterCSS offers these scales for color but not for size.

Solution: Offer a step-based scale for typography, spacing, and grid as an add-on or built-in. Clearleft's Utopia.fyi would be a small yet comprehensive model. See this Utopia.fyi tool for Tailwind to compare.

Intro to Utopia: https://www.youtube.com/watch?v=DDuGtN-GakA

1aron commented 1 year ago

Similar to this issue?

merchako commented 1 year ago

Perfect! (FWIW, I'm personally don't find the t-shirt sizes readable enough, but I'll take what I can get!)