这些奇怪的填充值在Microsoft的 Fluent-react 库中意味着什么？

Question

在这个链接的[垂直堆栈-间隙和填充大小]部分，单击[显示代码]，然后在第30、34、38行等处。我看到了一些奇怪的填充值(以及一些childrenGap(，如"m 40px"、"s1"、"s2"、"l1"，但不知道它们的含义或定义在哪里。

我试着绕过它的代码，不知道在这个文件的第9行之后该去哪里。

有人能给我指一下他们的定义或文件吗？

谢谢。

Answer 1

经过大量挖掘，我在Fluent源代码中发现了这一点。我不相信这就是这里的情况，但间接证据指向了这个方向。

export const DefaultSpacing: ISpacing = {
s2: '4px',
s1: '8px',
m: '16px',
l1: '20px',
l2: '32px',
};