Slide 12
Slide 12 text
13
Webフロントでの導入
●
以下のようなレイヤーで構成
●
Constants(デザイントークン)
○
Spacing, Typography, Border Radius, Palette, Icons...
●
Utilities
○
Tailwind CSSを拡張したCSS層
○
これによって、ReactでもVueでも使用可能
●
Components
○
Buttonなどのコンポーネント
.bg-background1
.typography-12
const background1 = “#fff”
const typography12 = {
fontSize: 12,
lineHeight: 20
}
Components
Utilities
Constants