問題
1
Sass
四隅の位置を引数から設定してみよう
Sassの問題に挑戦しよう！
問題
「四隅の位置を引数から設定してみよう」
myLayoutと言う名前のmixinを作り「期待するCSS」を実現しましょう。
あらかじめエディタに書くコード
.ninja1{
@include myLayout('top', 'left');
}
.ninja2{
@include myLayout('bottom', 'right');
}
¥SASS¥
期待する画面
.ninja1 {
position: absolute;
top: 0;
left: 0;
}
.ninja2 {
position: absolute;
bottom: 0;
right: 0;
}
¥CSS¥
解答と解説（四隅の位置を引数から設定してみよう）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
「その11」の応用だが少し複雑なif文だ。
topとbottomやleftとrightが混在してややこしい時がある。
そんな時にif文で制御できれば良いかもしれない。
ただし分岐しすぎると逆に分かりにくくなるので
使い所は見定めよう。
