Sass

Read the English article here gulp, gulp-sass のインストール $ npm install gulp gulp-sass -D サンプルのディレクトリ構成 必要なもの:  ソースディレクトリ アウトプットディレクトリ gulpfile.js 今回の場合,  ソースディレクトリとアウトプットディレクトリはそれぞれ、./sass と ./css となる。  gulpfile.js の設定 gulpfile.js を以下のように設定する gulpfile.js const gulp = require('gulp') const sass = requi...

Sass(Syntactically Awesome Stylesheets)とは CSSを記述する為のメタ言語のひとつで、プログラミング言語の仕様を取り入れて効率的にCSSを定義できるようにした言語。 Sassのバージョン3.0からは、CSSの文法・記法を拡張して上記の機能を取り入れたSCSS(Sassy CSS)言語が採用された。 http://e-words.jp/w/Sass.html より抜粋 要するに、CSSの記法を拡張して変数とか、演算とか、ifとか書ける、とっても便利なもの。 似た言語にLESSというのもあります。 とりあえずSass導入の手順とLESSとの比較はとばします。 ...