問題

6
Sass

引数付きmixin

Sassの問題に挑戦しよう!

問題

引数付きmixin

paddingを指定できるmixinを作ってください。

解答と解説(引数付きmixin)

解説

LINE登録して解答を見る

※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます

mixinは再利用可能なスタイルの部品を定義する機能です。引数を持たせることで、値を柔軟に変更できる汎用的なスタイルを作成できます。paddingのような共通指定をmixin化すれば、コンポーネントごとに値だけ変えて再利用できます。設計を抽象化する第一歩です。

補足

共通スタイルはmixin化することで重複を防げます。再利用性を高める設計を意識しましょう。

さらにスキルアップしたい方は公式LINEから「Sass」と送信すると動画が見れます。

LINE登録して動画を視聴する
あなたに合った学習プランは?LINE適正コース診断はこちら