※以下学習途中の個人の見解です。
既存のSass環境をどうPostCSSに移すか試行錯誤を続けて、どうにもしっくりハマらなくて困ってた。
私はSassを使い続けるか、脱Sassをしてcssnext(標準仕様に沿った構文)+PostCSSにするかで考えてしまっていたけど、とどのつまり決めないといけなかったのは、CSS3で書くか、次世代CSS（ただし策定中)で書くかだった。
結論
SassでCSS3を書いていく、ただし依存度を減らす。
- 変数とextendはカスタムプロパティ・カスタムセレクタに置き変えられるように
- トリッキーなネストはしない
- mixinはそれ１つで完結させる
-
calc()に慣れる -
remをちゃんと使う（rootをvwにすればremで良い感じになるのかな）
理由
- mixin,functionをまだ使いたい
- パーシャルファイルを気楽に使いたい
- 2種類のコメントアウトが地味に便利←コレ8割
importとmixinはプラグイン使えば使えるけど書き方が冗長で嫌。
Sassにしろcssnextにしろ現在の標準のシンタックスじゃないので変換必須。
じゃあ手元の環境整ってる方で良いや、良いシンタックスハイライトがなくてモチベ上がらないし、と思った。
でもやっぱりcssnextは魅力的
inisial valueは早く使いたい。
とりあえず
この辺の人たちがどうするのか遠目に見とく。
https://twitter.com/mdo/status/591364406816079873?lang=ja
https://github.com/zurb/foundation-sites/issues/6196
https://github.com/zurb/foundation-sites/issues/6533