PROPERTY CLASS
Property Class
よく使う CSS プロパティのユーティリティを値別に並べて比較
-p (padding)
SPACING トークン別に padding を可視化(外枠がパディング領域、中身が実コンテンツ)
-p:5
-p:10
-p:15
-p:20
-p:30
-p:40
-bdrs (border-radius)
角丸トークンごとの差を比較
-bdrs:10
-bdrs:20
-bdrs:30
-bdrs:40
-bdrs:99
-fz (font-size)
トークン別のフォントサイズ
-fz:xs
Lism CSS
-fz:s
Lism CSS
-fz:m
Lism CSS
-fz:l
Lism CSS
-fz:xl
Lism CSS
-fz:2xl
Lism CSS
-fz:3xl
Lism CSS
-bxsh (box-shadow)
影トークン別の階調
-bxsh:10
-bxsh:20
-bxsh:30
-bxsh:40
-bgc (background-color)
Lism の基本カラートークン
base
base-2
text
text-2
link
accent
divider