コンパスとは何ですか、サスとは何ですか。


166

開発をスピードアップするためにコンパスとサスを使い始めたいと思います。現時点では、MacにSassをインストールして、入力用のscssファイルと生成された出力用のcssファイルを監視するように指示しました。

多くの記事から、SassはCompassで使用されています。なぜそうなのか、そしてSassにないコンパスには何が追加されているのでしょうか。例を挙げることができれば、より良いです。

ありがとう


2
あなたが投稿してからしばらく経ちました。コンパスはあなたの人生を変えましたか?
gdbj 2016

回答:


140

ウィンネザーランド、ネイサンワイゼンバウム、クリスエップスタイン、ブランドンマティスによるSass and Compass in Actionから:

1.3コンパスとは?

Compassは、Sassの作成者がよりスマートなスタイルシートを作成するのに役立ち、デザイナーや開発者のコ​​ミュニティが強力なフレームワークを作成および共有できるようにします。簡単に言うと、 CompassはSassフレームワークであり、Webのスタイリング作業を円滑かつ効率的にするように設計されています。RubyのWebアプリケーションフレームワークとしてのRailsと同じように、 Compassは有用なツールのコレクションであり、Sassのテスト済みのベストプラクティスです

(強調を追加)


6
この答えはかなり本っぽいです。使用例が必要です。
Anirudha

69

コンパスはSassの拡張機能です(コンパスではSassが必要です)。独自のコンパイラーがsass --watchあります(の代わりにを使用しますcompass watch)。信じられないほど便利なミックスインと関数の大規模なコレクションがあります(ベンダー接頭辞付きのCSS3プロパティを生成するために一般的に指摘されていますが、スプライトマップやCSSを自動的に生成するなどの処理を実行できます)。

Compassは、独自のブートストラップタイプライブラリをバンドルして、それぞれのソースをコピー/貼り付けする必要なく、複数のプロジェクトに簡単にデプロイできるように構築されています。


2
それはSASS上に構築されたライブラリですか、それともSASSの新しい言語(おそらく下位互換性のある拡張)ですか?
Ciro Santilli郝海东冠状病六四事件法轮功

2
Ciro:最初のことですが、実際にはライブラリではありません。ミックスインと関数のライブラリが含まれていますが、独自のコンパイラも備えているため、それだけではありません。
SO'Brien
弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.