引数が無くても数値が出力されるmixinを作ろう

Sassの問題に挑戦しよう！

問題

「引数が無くても数値が出力されるmixinを作ろう」

mySizeと言う名前のmixinを作り「期待するCSS」を実現しましょう。

                    .ninja1{
  @include mySize();
}
.ninja2{
  @include mySize(500px);
}
¥SASS¥

                                .ninja1 {
  width: 200px;
}
.ninja2 {
  width: 500px;
}
¥CSS¥

LINE登録して解答を見る

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

sassのmixinは引数に $size: 200px とすることで
初期値を設定しておくことができる。

このパターンはプログラミング言語でも使える事が多いので
知っておくと良いだろう。

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