CSSをSASS/SCSSに変換してくれるサービス

SASSをCSSにするツール類はいっぱいあるけど、CSSをSASS/SCSSに変換してくれる方法はないのかな？？と思って調べたら、ありました。

Css2Sass | Convert CSS Snippets to Syntactically Awesome StyleSheets code

Css2Sass | Convert CSS Snippets to Syntactically Awesome StyleSheets code

css2sass.herokuapp.com

左側にCSSを張り付けて、真ん中のボタンを押すとSASSかSCSSか選んで変換することができます。
ためしにBootstrap3のCSSを変換してみたのですが、ものの２，３秒で変換してくれました。

これはすごい便利！

ちなみに、SASSなどをCSSにするには、VisualStudioCodeを使っているのであればこれがおすすめ。

VS CodeでScssを書くための環境構築方法 | Web Design Trends

Webのコーディングを行うテキストエディタの中でも、多くの人に使われている人気のエディタがMicrosoftが提供する「Visual Studio Code（VS Code）」です。 他にもAtomや...

webdesign-trends.net

一般的なやつはRubyだのNode.jsだのを使っているので、環境構築で若干厄介なことが起きがちですが、VisualStudioCodeのプラグインであればそんな問題もなく、いちいちコンパイルコマンドとかを打たなくてもリアルタイムに変換してくれるのでこちらのほうが良いと思います。

Amazon.co.jp

amzn.to