CSS での Sass 記法と SCSS 記法では記法が異なるので、移行する場合にはコンバート(変換)が必要となる。記法を相互に変換するために、ウェブサービスを使う方法と、sass-convert コマンドを使う方法を試してみまして、どちらも上手くいきました。 — 環境 — Sass 3.4.18 Mac OS X Yosemite Sass と SCSS の記法の違い Sass と SCSS の記法には具体的には以下のような違いがあります。 — Sass — 拡張子が .sass インデントでブロックを表す 行末の ;(セミコロン)が不要 :(コロン)の後に半角スペースが必要 ミックスインは = で表現 インクルードは + で表現 — SCSS — 拡張子が .scss {} でブロックを表す 行末に ;(セミコロン)が必要 :(コロン)の後の半角スペースが不要 ミックスインは @mix
![SassとSCSSを変換するsass-convertコマンドとウェブサービス](https://cdn-ak-scissors.b.st-hatena.com/image/square/b27ba1d703068fc4853ea1271440cbb779e7cabb/height=288;version=1;width=512/https%3A%2F%2Feasyramble.com%2Fwp-content%2Fuploads%2F2016%2F03%2Feasyramble_ogp.jpg)