問題
3
Sass
インデントを揃えるmixinを作ろう
Sassの問題に挑戦しよう！
問題
「インデントを揃えるmixinを作ろう」
myIndentと言う名前のmixinを作り「期待するCSS」を実現しましょう。
あらかじめエディタに書くコード
.ninja1{
@include myIndent(1em);
}
.ninja2{
@include myIndent(6em);
}
¥SASS¥
期待する画面
.ninja1 {
padding-left: 1em;
text-indent: 1em;
}
.ninja2 {
padding-left: 6em;
text-indent: 6em;
}
¥CSS¥
解答と解説（インデントを揃えるmixinを作ろう）
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
コーディング時によく出くわす
2行目頭を合わせるcssのテクニックだが
mixinでまとめると色んな数値に対応できるので便利だ。
