Compass と Sass を使用して開発をスピードアップしたいと考えています。現時点では、Mac に Sass をインストールし、入力用の Scss ファイルと生成された出力用の CSS ファイルを監視するように指示しました。
多くの記事から、Sass は Compass と一緒に使用されていますが、なぜそうなのか疑問に思っています。また、Sass がなくても Compass には何が追加されるのでしょうか? 例を挙げることができれば、より良いです。
Compass と Sass を使用して開発をスピードアップしたいと考えています。現時点では、Mac に Sass をインストールし、入力用の Scss ファイルと生成された出力用の CSS ファイルを監視するように指示しました。
多くの記事から、Sass は Compass と一緒に使用されていますが、なぜそうなのか疑問に思っています。また、Sass がなくても Compass には何が追加されるのでしょうか? 例を挙げることができれば、より良いです。
Wynn Netherland、Nathan Weizenbaum、Chris Eppstein、および Brandon Mathis によるSass and Compass in Actionから:
1.3 コンパスとは?
Compass は、Sass の作成者がよりスマートなスタイルシートを作成するのに役立ち、デザイナーと開発者のコミュニティが強力なフレームワークを作成して共有できるようにします。簡単に言えば、 Compass は Sass フレームワークであり、Web のスタイリング作業をスムーズかつ効率的にするように設計されています。Ruby の Web アプリケーション フレームワークとしての Rails と同じように、 Compass は役立つツールのコレクションであり、Sass の実績のあるベスト プラクティスです。
(強調追加)
CompassはSassの拡張です(CompassにはSassが必要です)。独自のコンパイラがあります(の代わりにsass --watch
、を使用しますcompass watch
)。非常に便利なミックスインと関数の大規模なコレクションがあります(ベンダープレフィックス付きのCSS3プロパティを生成するために一般的に指摘されていますが、スプライトマップやCSSを自動的に生成するなどの処理を実行できます)。
Compassは、独自のブートストラップタイプライブラリをバンドルして、それぞれのソースをコピーして貼り付けることなく、複数のプロジェクトに簡単に展開できるようにも構築されています。