問題
3
Sass
引数が無くても数値が出力されるmixinを作ろう
Sassの問題に挑戦しよう！
問題
「引数が無くても数値が出力されるmixinを作ろう」
mySizeと言う名前のmixinを作り「期待するCSS」を実現しましょう。
あらかじめエディタに書くコード
.ninja1{
@include mySize();
}
.ninja2{
@include mySize(500px);
}
¥SASS¥
期待する画面
.ninja1 {
width: 200px;
}
.ninja2 {
width: 500px;
}
¥CSS¥
解答と解説（引数が無くても数値が出力されるmixinを作ろう）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
sassのmixinは引数に $size: 200px とすることで
初期値を設定しておくことができる。
このパターンはプログラミング言語でも使える事が多いので
知っておくと良いだろう。
