Feature/add poscss assets

[nyawach]

postcss-assets をSassで使えるように設定できたので一応p-rします。

デフォルトでは絶対パス��でresolveされます。

• cachebuster最初からつけておいたほうが良いのか？
• width("hoge.jpg") + 10px みたいなのをしたい場合は
  calc(width("hoge.jpg")+10px) とか書かないといけないかも
  (その後に postcss-calc はさむと、　計算できる calc を計算後で出力してくれたりする)

// before
.bg {
  width: width("bg.jpg");
  height: height("bg.jpg");
  background-image: resolve("bg.jpg");
  background-size: size("bg.jpg");
}

// after
.bg {
  width: 100px;
  height: 100px;
  backgorund-image: url("/images/bg.jpg");
  background-size: 100px 100px;
}

(やってることはブログに書きました)(ブログは消滅しました)
http://be-into.com/blog/web/use-postcss-assets-through-sass/

[hystking]

見ました！
ちょっとそのままだと動作しなかったので、master をマージして動作確認しました
問題ないかと〜。アセット便利なのでほしい。

pleeeeeeeeeeeeeeeeeease の中身を postcss 側に移しても良さそう
というか pleeeeeeeeeeeeeeeeeeeeese の中身は postcss なので postcss on postcss 状態なのであった

[hystking]

これサンプルコード追加しても良いかも

.sprite {
  background-image: resolve("sample.png");
  background-size: size("sample.png");
  width: width("sample.png");
  height: height("sample.png");
}

みたいな

→ と思ったけど長くなるからこのプルリクはこのプルリクでマージすればOK