透明度を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¥

              @mixin myAlpha( $color ) {
  color: rgba($color, 0.8);
}
¥SASS¥

1門目から難しくしてみました。
なぜか?
実際の案件では1つめの問題だからと言って
簡単だとは限らないからだ！

調べる力と考える力を身に着けよう！

mixinで色コードを引数で受け取り
受け取った色コードをrgbaで変換するといった手順。
こうして置くことで、
どんな色コードにも対応できる。

ログインして解答を見る

完了にする！

1.SASSとは

続きの動画を見たい方は公式LINEから「sass」と送信すると動画が見れます。