角丸

角丸トークンは、要素の境界の外側の角を丸めるために使用します。

CSSではborder-radiusを指しています。

基準値

ベースの基準サイズは16pxです。

プリミティブトークン

トークン名値(rem)値(px)
000
0.250.25rem4px
0.3750.375rem6px
0.50.5rem8px
11rem16px
625625rem10000px

セマンティクストークン

トークン名値(rem)値(px)
S0.25rem4px
M0.375rem6px
L0.5rem8px
FULL625rem10000px

[WIP]コード

© 2021, SmartHR, Inc.