使用までの大まかな流れです。
1.Sassのさわり
cssのメタ言語。styleの記述をより明確化、効率化しメンテナンスをしやすくするモノでしょうか。
2.rubyのインストール
macの場合標準で入っています。が、最新にアップデートしておいたほうがよいですかね。
3.Sassのインストール
macはターミナル、windowsはコマンドプロンプトから行います。
4.Sassの記法にならって記述
さして深く使い込んだ訳ではありませんが、構造化、つまり入れ子にして記述出来る点とディレクトリのパスやカラーの設定等を変数に格納して呼び出せます。これらだけでも有用でした。
5.cssにコンパイルする
これもターミナル、コマンドプロンプトから行います。理解できたらSassのファイルを更新したときにコンパイルするように自動化したほうがよいでしょう。
この記事をシェアする