CodePenでSassを書く


See the Pen used sass add to codepen by nakanishi (@nakanishi) on CodePen.

CodePenではCSSをSassを使って記述することができる。また、CoffeeScriptやBabelでJSを書くこともできる。

設定

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88_2016-11-11_0_18_57

AUTOPREFIXER

上記のSassの設定時、AUTOPREFIXERにチェックを入れると、CSSへコンパイルする際にベンダープレフィックスを自動的に追加してくれる。

どんなプレフィクスが付加されているかは、コンパイル後のCSSモードに遷移し確認することができる。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-11-14-53-36

ここでは、column-countにベンダープレフィックスが付加されている。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-11-11-14-57-42

ベンダープレフィックスとは

次の記事を参照

Leave a Reply

Your email address will not be published. Required fields are marked *