如何高效地构建指南针sass

Question

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

Answer 1

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

有几个已经回答的SO问题与您提出的问题相关：

• Using Compass/Sass with another CSS framework了解有关框架的更多信息。
• SASS: Extending Classess vs Variables了解有关使用@extends。
的更多信息
• Structuring CSS (SASS, LESS) files by elements, by function and by media queries: 3D code structure?了解有关组织代码的更多信息。

保持mixins和静默类（如%mgb5）尽可能简单而不会失去意义。对于一般的课程来说，这是一个很好的规则。 nav很简短且仍然易于理解，mgb5并不多。同样的规则可以指导你在mixin / class中。如果你只有一个属性，mixin / class可能意义不大。如果你有三十岁，它可能会尝试带来太多意义。将较大的mixins /类拆分为较小的mixins /类以获得更大的灵活性，只要每个mixin /类代表一个独特且有意义的动作。

相同的基本准则适用于静态CSS与变量。如果任何规则的目的在普通css中不明确，那么它应该成为mixin，function或variable的一部分，赋予它所需的含义。如果18px只是一个现在看起来不错的大小，那么18px就可以了。但是，如果18px是设定的尺寸范围的一部分，或具有特定目的，请将其命名为：$large: 18px;或$gutter-width: 18px;。