これは便利!すぐに使える、CSSをSASS/SCSSに簡単に変換できるツール


隣の若者が営業クロージング受けてます。
クロージング側はしっかりと役割を演じて、若者は褒め殺しでいい気分。
そろそろ落ちそう・・・。
周りにいるお客さんみんなわかってる感じで、ちらちらそのクロージングを観察中。
話がもろ聞こえなので、聞くつもりなくても気になるわ。

CSSをSASS/SCSSに簡単に変換できるツール

CSSをより効率よく開発するための言語SASSを使っている人は多いと思います。
自分が開発している案件とかだとSASSでそのまま開発すればいいですが、
他社の案件を引き継いだり、Wordpressのstyle.cssを触ったりするときもSASSで開発したい。
そんな場合はCSS→SASS(SCSS)の変換ツールを使うと便利。

CSS 2 SASS/SCSS CONVERTER

変換したいCSSを用意して、入力エリアの左側にペーストします。

CSS SASS 変換

真ん中の矢印にマウスを合わせて、SASSもしくはSCSSの好きな方を選んでクリック。

CSS SASS 変換

見事変換されました。
変換後の右側のコードをコピーして使いましょう。

ぐっちゃぐちゃになったコードもこれできれいに整理されますね。

隣の若者は無事クロージングされた模様・・・セミナーの予定を入れています。