我有一些在 Rails 项目上使用 haml (+sass) 的经验。我最近开始将它们与 blueprintcss 一起使用 - 我所做的唯一一件事是将 blueprint.css 转换为 sass 文件，并从那里开始编码。我什至有一个轨道发电机 http://github.com/splendeo/splendeo-generators默认情况下包括所有这些。
看起来Compass http://compass-style.org做我所做的事情，以及其他事情。我试图了解其他的东西是什么 - 但文档/教程不是很清楚。
这些是我的结论：
- 指南针附带内置 sass mixin实现常见的 CSS 习惯用法，例如带有图标或水平列表的链接。我的解决方案不提供类似的东西。 （指南针 1 分）。
- 指南针有几个命令行选项：您可以创建一个 Rails 项目，但也可以将其“安装”到现有的 Rails 项目上。我猜想，可以对 Rails 生成器进行个性化来完成同样的事情。 （领带）。
- 指南针有两种模式使用蓝图的方法：“基本”和“语义”用法。我不清楚它们之间的区别。我的轨道生成器只有一种模式，但这似乎足够了。 （领带）
- 显然，Compass 准备使用其他框架，除了蓝图（例如 YUI）。我找不到太多关于此的文档，而且我对此不感兴趣 - 蓝图对我来说没问题（领带）。
- Compass 的学习曲线似乎有点僵硬，而且文档似乎也很少。学习可能有点困难。另一方面，我了解自己系统的来龙去脉，并且可以立即使用它。 （我的系统为 1 分）。
有了这个分析，我就犹豫是否要尝试 Compass。
我的分析正确吗？我是否遗漏了任何关键点，或者我是否错误地评估了这些要点？
理想的目标是风格和内容的分离：这并不总是 100% 可能的，但通过使用语义标记可以相当好地完成。 Blueprint 和其他 CSS 框架在这方面完全失败了。
Compass 背后的最初想法是避免 Blueprint 生成的视觉标记污染 HTML：如果您正在编写class="column-4"在你的标记中，那么你不妨把style="width:160px"而是在那里。从语义上讲，它具有相同的含义，并且需要保持相同的重复次数。
Compass 将 Blueprint 类变成这样.column-4放入 mixin 中，您可以将其应用于有意义的选择器：
#sidebar
+column(4)
这样，您只需在样式表中维护它，而不需要跨多个模板和 HTML 文件。
Compass 具有项目感知能力。它将处理编译整个样式表树，甚至在运行时自动保存compass watch.
指南针提供了一些非常有用的功能，例如：
图片地址是一个可配置的函数，可以处理相对或绝对路径，甚至可以根据需要设置旋转资产主机。
CSS3 模块处理圆角、阴影等所有特定于浏览器的样式规则。
一般公用事业为您一直在做的事情提供帮助，但重复次数较少（尤其是跨浏览器问题）。这些是我经常使用的一些基本的：
-
+清除修复 and +pie-clearfix（跨浏览器清除方法）
-
+float确保您不会忘记 IE 前面的 display:inline ...（如果到了放弃旧 IE 的时候，这只是一个单独的更改。）
-
+替换文本隐藏文本并放置图像替换背景。
-
+悬停链接将 :hover 下划线规则添加到基本链接样式
您可以在新版上查看这些内容Compass 文档网站 http://compass-style.org/docs/.
然后，除了内置的蓝图之外，Compass 还为许多其他风格框架提供了工具。请检查一下Susy http://susy.oddbird.net/例如，它是一个 Sass 原生布局框架，而不仅仅是一个 CSS 端口。它专注于灵活和流体网格。
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
