くろおーかみ*てっく

しがないくろおーかみの勉強記

100DaysOfCode #7: HTML/CSS/Sass ランディングページ(4)

100DaysOfCode HTML Sass

やったこと

1つ目の作品であるランディングページができました👏

今日の作業は5時間かかっているので、11時間かかった記録になります。

画像と文字の色が被るのをどう直すかすっごい悩んだ…
あとはスタイルが効かねー！ズレたー！とかよくあります。

HTML/Sassのみを使っているので、スマートフォン用画面で右上の≡をタップしても何も起こりません。

f:id:y-mix:20190708012946p:plain (下に少しスクロールしています)

ソースコードはコチラに…

github.com

次はES6とかTypeScriptとかですねぇ

きづいたこと

  • mixinから別のmixinを呼び出すことができる
  • mixinの変数は初期値が設定できる
@mixin child($mainColor) {
  background-color: $mainColor;
}

@mixin parent($mainColor: black) {
  @include child($mainColor);
}

みんなの進捗を応援！

Twitter @bwolftech で応援(Fav & RT)した進捗を紹介します💖

今日中に完成させる勢いをつけて…

完成しました、おめでとうございます！
記録によると9日間かかったようです。おつかれさまー、何か見えてきたはずですね！

あとは、どんなところを共通化したのか気になりますねぇ
私が模写してもところどころズレそうです。