更新日: 2017年5月22日公開日: 2016年8月29日CSSを超効率化する!SASSの基本と導入方法まとめ 本稿ではCSSをもっと便利に使うためのツールである、SASSについて解説します。SASSの基本から導入方法、学習の参考になるサイトまでをまとめています。 SASSでCSSがもっと便利になる!SASSとは? SASS(Syntactically Awesome Style Sheets)とは、CSSを拡張したメタ言語(プリプロセッサー)のことです。CSSを使った開発を便利にできるので、Web系のエンジニアであればぜひともマスターしておきたい言語の一つです。 SASSには2種類の記述方法があります。SASS文法と、それを書きやすくしたSCSS文法(Sassy CSS)の2つです。SASS文法を使う時は拡張子を「.sass」に、SCSS文法の時は「.scss」にします。どちらの場合も
![CSSを超効率化する!SASSの基本と導入方法まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/9e212c1aaa6bf5001011dbdd59dcd35de33829a5/height=288;version=1;width=512/https%3A%2F%2Fmash-jp.s3-ap-northeast-1.amazonaws.com%2Fproduction%2Fposts%2F32701%2F5c9623cd5146a634423d2c7c422562add59238dd.32757.desktop.png)