問題
5
Sass
引数に真偽値を入れて出し分けよう
Sassの問題に挑戦しよう！
問題
「引数に真偽値を入れて出し分けよう」
myLayoutと言う名前のmixinを作り「期待するCSS」を実現しましょう。
あらかじめエディタに書くコード
.ninja1{
@include myLayout(50px, false);
}
.ninja2{
@include myLayout(50px, true);
}
¥SASS¥
期待する画面
.ninja1 {
width: 50px;
}
.ninja2 {
width: 50px;
height: 20px;
}
¥CSS¥
解答と解説（引数に真偽値を入れて出し分けよう）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
if分も使えるのがsassの強い所だ
いわゆるプログラミング言語ぽく書くことができる。
分岐が使えればかなり細かい設定が可能になる。
しかしあくまでスタイルを指定するものなので
使いすぎてヒッチャカメッチャカにならないように注意しよう。
