shimakyohsuke / scss_hands-on

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

全体の進行として

まずは普通にcssファイルを用意する それをscssに書き換えていく cssファイルの中身は、resetの入ったstyle.css(あとでscss化したときに分割して同じものとして吐き出す)

取り上げる内容

  • ネスト
  • &での参照
  • カラーの変数化
  • 変数化したカラーをlighten・darkenでカラーコントロールしてみる
  • mixinの使用(同じscss内で)
  • scssファイルの分割(mixin用とreset用を本体styleとは別に分割)とimportの使用
  • コメントアウトについて触れる(コンパイルされるもの・されないもの)
  • 最終的にcssを一つにまとめられることを確認

About


Languages

Language:CSS 91.6%Language:HTML 8.4%