#018: 让我们的项目使用 Compass

我们可以编写我们自己的 Sass @mixin 来帮助处理 CSS3 相关内容(例如渐变),但已经存在一个名为 Compass 的 Sass 框架,它已经包含了这些内容。放弃对这些内容的控制需要一些信念的飞跃(我想这与一开始使用预处理器没什么区别),但这很值得。

为什么使用 Compass 是个好主意?

  • @mixin 写得非常好。它们尽可能地匹配规范,并且非常一致。
  • Compass 会更新,因此您将自动保持最新的最佳实践。它可能会比您单独做更全面地做到这一点。
  • 它还有一些其他强大的功能,您可以利用它们,例如雪碧图(我们不会在本项目中介绍它,但它很棒)。

CodeKit 与 Compass 配合得很好(它甚至附带 Compass)。我们失去了在 CodeKit 中的一些控制(例如直接控制文件编译路径),但这并不重要。我们现在仍然可以通过项目中的 config.rb 文件控制大多数内容。

最终,我们使用 Compass 来 @include 导航链接的过渡,使它们感觉更柔和。