問題
6
Sass
引数付きmixin
Sassの問題に挑戦しよう!
問題
「引数付きmixin」
paddingを指定できるmixinを作ってください。
解答と解説(引数付きmixin)
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
mixinは再利用可能なスタイルの部品を定義する機能です。引数を持たせることで、値を柔軟に変更できる汎用的なスタイルを作成できます。paddingのような共通指定をmixin化すれば、コンポーネントごとに値だけ変えて再利用できます。設計を抽象化する第一歩です。
補足
共通スタイルはmixin化することで重複を防げます。再利用性を高める設計を意識しましょう。