問題1:変数に足してみよう1
変数を使って150pxを実現しよう
あらかじめエディタに書くコード
$size:100px;
.ninja{
width: [ここに変数を使って150pxを実現しよう]
}
¥SASS¥
期待する画面
.ninja {
width: 150px;
}
¥CSS¥
解答ソースコード
.ninja{
width: $size + 50;
}
¥SASS¥
完了にする!
活動記録をTweetする
1.SASSとは
基本の数値から調整した時などに便利だ。
文字列だと足し算が出来ないので
変数にはしっかり数値を入れよう。
ok: $size:100px;
ng: $size:"100px";