Code Log

プログラミングの勉強メモを残していきます。

SassとCompassのインストール


スポンサーリンク


Sassとは、Syntactically Awesome Stylesheetsの略です。
Sassの記法で書いたものをコンパイルしてCSSに変換。
それをHTMLに読み込ませます。


SassとCompassはRubyで書かれたコマンドラインツールなので、Rubyのインストールが必要です。

http://rubyinstaller.org/

SCSSとSASS記法の二つがあり、SCSS記法の方がCSSベースでかけるため、一般的に使われている。

sassとcompassのインストール

gem install sass

gem install compass

バージョンの確認。

>sass -v
Sass 3.4.19 (Selective Steve)

>compass -v
Compass 1.0.3 (Polaris)

compassで新しいプロジェクトを作成する

compass create my-project

config.rbではアセットの保存場所、圧縮レベル、Compassの構成などを設定する。

Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語

Web制作者のためのSassの教科書 これからのWebデザインの現場で必須のCSSメタ言語