design: spacing as multiple of 16

[crotru]

Could spacing values be some multiples of 16 (as it is for other design tokens ?)
it allows easily match to integer values.

Here we have multiple of 0.25, this gives us half pixels :

(0.25rem -> 2.5px)

[lauthieb]

Hi @crotru!
Thanks for reporting this issue.

FYI, we follow this guideline: https://www.decathlon.design/726f8c765/p/061870-layout/t/98b2d9

In most browsers, 1rem = 16px, so I feel disagree with your "0.25rem => 2.5px".
Cf. this table: https://gist.github.com/trevorgreenleaf/0aef4a3c33cdc8011affb170cef4384c

So, in my opinion, 0.25rem => 16px * 0.25 = 4px.
I don't see any font-size: 62.5%; inside our packages/css/lib/index.css generated.
Maybe, I'm wrong. What do you think please?

[crotru]

You're right @lauthieb,
I was indeed assuming the 62.5 trick was implemented,
but it's not really needed inside a design-system project since values are not subject to be easily changed by devs 🙂

I close the issue