問題3:引数が無くても数値が出力されるmixinを作ろう
mySizeと言う名前のmixinを作り「期待するCSS」を実現しましょう。
あらかじめエディタに書くコード
.ninja1{
@include mySize();
}
.ninja2{
@include mySize(500px);
}
¥SASS¥
期待する画面
.ninja1 {
width: 200px;
}
.ninja2 {
width: 500px;
}
¥CSS¥
解答ソースコード
@mixin mySize($size: 200px){
width: $size;
}
¥SASS¥
完了にする!
活動記録をTweetする
1.SASSとは
初期値を設定しておくことができる。
このパターンはプログラミング言語でも使える事が多いので
知っておくと良いだろう。