問題
1
SASS
透明度を0.8にするmixinを作ろう
SASSの問題に挑戦しよう!
問題
「透明度を0.8にするmixinを作ろう」
myAlphaと言う名前のmixinを作り「期待するCSS」を実現しましょう。
■sassのmixin呼び出し例
あらかじめエディタに書くコード
.red {
@include myAlpha(#f00);
}
.green{
@include myAlpha(#008000);
}
¥SASS¥
期待する画面
.red {
color: rgba(255, 0, 0, 0.8);
}
.green {
color: rgba(0, 128, 0, 0.8);
}
¥CSS¥
解答と解説
解説
LINE登録して解答を見る
※ご登録後トークルーム下部にあるメニュー内
「無料問題集※解答付き」を押すと
解答閲覧用URLが届きます
1門目から難しくしてみました。
なぜか?
実際の案件では1つめの問題だからと言って
簡単だとは限らないからだ!
調べる力と考える力を身に着けよう!
mixinで色コードを引数で受け取り
受け取った色コードをrgbaで変換するといった手順。
こうして置くことで、
どんな色コードにも対応できる。