半年ほど前からSCSS(Sass)やLESSについては聞いていたのですが腰が重く手をつけていなかったのですが最近TwitterのTLでよく見かけたので導入してみました。 明確な定義はよく分かっていませんが「CSSを拡張できるmeta言語」という説明をよく見かけたのでCSSを効率的に記述できるようになるフレームワークのようなものという認識です。 SCSSとSassが混同してしまいそうですが、Sassから派生したのがSCSS(Sassy CSS)らしく、記述方法もCSS同様 a { display: none; } の様に波括弧を使用しており慣れているので以下ではSCSSで統一します。 参考にさせて頂いたサイト この記事を見ずとも参考サイトさえ見ればSCSS/LESSが理解できる、というくらい情報が豊富だったので列挙しておきます。 Less & Sass Advent calendar 201
![Windows7でSCSS+Compass(導入編) - Show-web](https://cdn-ak-scissors.b.st-hatena.com/image/square/f419b132d06413bc34170c3110f7a64feb558d74/height=288;version=1;width=512/https%3A%2F%2Fshow-web.jp%2Fwp%2Fwp-content%2Fuploads%2Frubyinstaller.png)