SASS本まとめ①

Web制作者のためのSassの教科書
Web制作者のためのSassの教科書

この本が素晴らしく有益で、また情報量が膨大であったので、未知だったものや、中でも特に今後使いそうだなと思ったものをメモ。
以下のサイトで、サンプルコードを参照することができる。
http://book.scss.jp/

@mediaのネスト

http://book.scss.jp/code/c3/01.html

今まではファイルの上の方に基本のcss、ファイルのずっと下の方に、レスポンシブ用のcssを書いていたので、見通しが悪くなっていたが、scssを使うことで、どう変更したのかが一見してわかる。
しかし、レスポンシブ用のコードの出現頻度が高くなると、やはり従来の書き方のほうが良いようにも感じた。

プロパティのネスト

http://book.scss.jp/code/c3/03.html

セレクタだけでなく、プロパティもネストできるみたいですね。
margin-topや、border-rightや、あまり意味ないけどz-indexなど、「-(ハイフン)」があるものは全部ネストできるようです。

scssのコメント

一行コメントの方は、cssには表示されず、
複数コメントの方は、scssにもcssにも表示されます。

コメントを残す