まずは普通にcssファイルを用意する それをscssに書き換えていく cssファイルの中身は、resetの入ったstyle.css(あとでscss化したときに分割して同じものとして吐き出す)
- ネスト
- &での参照
- カラーの変数化
- 変数化したカラーをlighten・darkenでカラーコントロールしてみる
- mixinの使用(同じscss内で)
- scssファイルの分割(mixin用とreset用を本体styleとは別に分割)とimportの使用
- コメントアウトについて触れる(コンパイルされるもの・されないもの)
- 最終的にcssを一つにまとめられることを確認