sass の &(アンパサンド) はとっても便利。 特に BEM やるときは、いちいち block や element を書かずに & で書き足していけばいいのでやりやすい。 例えば以下のようなコードをコンパイルすると .block{ display: block; &__element{ display: inline-bloc…

今更ってかんじですが… css 風の書き方で json みたいなデータを作れるようです。 書き方のサンプルはこんなかんじ $map: ( key1: value1, key2: value2, key3: value3, ); <|| 以下はマップを使ったカラーパレットの管理の例です。 >|| $colors: ( black: #…

gulp-ruby-sass は src 部分に配列とかグローバル(*)を使うことが出来ないので、異なる scss ファイルを出力したい場合は複数のタスクを作るしかないと思っていたが、 以下のような方法で source をわけてあげることで複数の scss をコンパイル出来る。 //so…

.scssではなく.sassでプロジェクトつくるとき compass create --syntax sass とやると最初から.sassででてくる、便利 この記事がわかりやすかった <a href="http://howtohp.com/2011/09/19/compass/" data-mce-href="http://howtohp.com/2011/09/19/compass/">CSS書くならCompass使った方がいいよ。SASS使ってる人なら特に。</a> CSS書くならCompass使った方がいいよ。SASS…