Slide 27
Slide 27 text
Figmaでデザインするときに選んだオプションの値を、
Sass mixinの引数として渡すことで実装が利用できる
コンポーネントライブラリ
@use as
@include
;
.button {
.button-style(
(
interactive,
flat,
text,
light,
none,
square,
l,
enabled,
none
)
);
}
'@inhouse/inhouse-components-web' inhouse
inhouse
$options:
color:
appearance:
body:
brightness:
leading:
shape:
size:
state:
trailing:
Sass