sass導入メモ

だいぶ前にsassちょっといじってみたのでとりあえず導入メモ

 

Sublime Textでやってみましたがみなさまのおかげでだいぶすんなりできました

 

まとめのまとめ

• 初めてSassとCompassを使った際に参考にした記事まとめ｜WEB Drawer

 

その他参考

• 「Sublime Text」のみでCompassとSass（Scss）を使えるようセッティングしてみたのでその手順と参考にした記事まとめ | OZPAの表4
• コーダー必見、SCSS・Compassで開発効率アップ｜Sublime Text 2でコンパイル編 ｜ Developers.IO
• SassでCSSをシンプルに – プログラマ憧れプログラマ日記
• Sass、そしてSassy CSS (SCSS)
• Compass設定ファイル(config.rb)｜sass｜study｜kanapple.net

 

結果、現在だいぶ忘れております。
仕事で使わんとものにはならなそうです。
ただ

@mixin clearfix {
	@if $support-ie6 or $support-ie7 {
		*zoom: 1;
	}
	&:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
}

 

div {
	@include clearfix;
}

こういうのはちょい使えるかなと
htmlに書くかcssに書くかの違いですが

コンパイルされたcssに目をつむれる人向きかなーと思います