Lyra 크기와 레이아웃
2px 원시 단위 위에 2·4·8·12·16·24px semantic spacing을 두고, 32px 컨트롤을 기본 밀도로 사용한다.
Semantic spacing
xxs2pxxs4pxsm8pxmd12pxlg16pxxl24px2xl32px3xl48pxControl density
sm
28pxmd
32pxlg
40pxtouch
44pxRadius
sm · 3px
md · 6px
lg · 12px
full · 9999px
Breakpoints
sm544pxmd768pxlg1012pxxl1280px