Curious about your variable naming for font-weights. Would "--global-font-weight-400" ever be anything other than 400? If yes, would that be confusing?
Lately I've been testing using semantic variable names like "--font-weight-emphasis" so that I have the option of changing the underlying weight from, say, 500 to 600. This has been helpful in early design phases when a font changes and I want to re-map the weights.
I looked through your tokens post but didn’t see an explanation specifically for font-weight. Seems like it’s a literal and not actually an abstraction, unlike the others. Not of much importance since it rarely changes but was just wondering.
Curious about your variable naming for font-weights. Would "--global-font-weight-400" ever be anything other than 400? If yes, would that be confusing?
Lately I've been testing using semantic variable names like "--font-weight-emphasis" so that I have the option of changing the underlying weight from, say, 500 to 600. This has been helpful in early design phases when a font changes and I want to re-map the weights.
Take a peek at my article on design tokens :) I explain it all there
I looked through your tokens post but didn’t see an explanation specifically for font-weight. Seems like it’s a literal and not actually an abstraction, unlike the others. Not of much importance since it rarely changes but was just wondering.