sass - 如何高效构建指南针 sass

Question

我是 compass sass 的初学者，我想知道如何高效地构建一个 compass sass 项目。github 中是否有任何现有的 compass sass 框架。或者任何有经验的开发人员可以建议我如何编写一个好的 compass sass 项目。非常感谢。

Answer 1

已经移植了各种框架以与 Compass 一起使用，但我不推荐它们。常见的 CSS 框架被构建为一刀切，因为这是使用预先设置的 CSS 类列表可以做到的最好的事情。使用 Sass，您可以构建更有针对性和更灵活的工具，然后使用 Compass 以独特的方式将它们组合在一起。

有几个已回答的 SO 问题与您所问的内容相关：

• 将 Compass/Sass 与另一个 CSS 框架一起使用以获得更多关于框架的信息。
• SASS：扩展 Classess 与变量以了解更多关于使用@extends.
• 按元素、功能和媒体查询构建 CSS（SASS、LESS）文件：3D 代码结构？有关组织代码的更多信息。

保持 mixins 和静默类（如%mgb5）尽可能简单而不失去意义。对于一般的班级来说，这是一个很好的规则。nav很短，仍然很容易理解，mgb5没有那么多。相同的规则可以引导您进入 mixin/class。如果你只有一个属性，那么 mixin/class 可能意义不大。如果你有三十个，它可能试图做太多的意义。将较大的 mixins/classes 拆分为较小的 mixins/class 以获得更大的灵活性，只要每个都代表一个独特且有意义的操作。

相同的基本准则适用于静态 css 与变量。如果任何规则的目的在普通 css 中不明确，那么它应该成为 mixin、函数或变量的一部分，从而赋予它所需的含义。如果18px只是现在对您来说合适的尺寸，那就没问题了18px。但是，如果18px它是一组大小比例的一部分，或者有特定目的，请将其命名为：$large: 18px;或$gutter-width: 18px;.