SASS,COMPASS,SUSY - 有什么关系?

时间:2013-06-26 11:17:46

标签: sass compass-sass susy-compass

我正在使用带有SASS和指南针的SUSY Grid,但如果我说实话,我仍然不明白我为什么要使用Compass?

我的意思是我使用SASS编写CSS样式并使用CSSK文件中的CodeKit编译它们。 作为网格系统,我使用SUSY网格。

但我为什么要安装并使用Compass?

Compass和Susy网格之间有什么关系?

1 个答案:

答案 0 :(得分:9)

指南针是什么

对于Compass来说,确实存在很多含糊之处。我已经做了一个非规范的尝试来解决它,请阅读它,然后从这里继续:https://stackoverflow.com/a/17317098/901944

Susy是什么以及为什么需要Compass

Susy是Compass扩展之一。

使用Compass,您只需要config.rb中的Susy即可!只需执行@import susy(并使用指南针编译SASS),即可在SASS代码中使用Susy。

如果没有Compass,您必须手动下载Susy,将其添加到项目文件中并提供包含它的路径,例如`@import ../vendor/susy/sass/susy'。这很可能对Susy有用,但是对于其他一些Compass扩展可能会失败,因为这个方法不能启用用Ruby编写的自定义SASS函数(我还没有对它进行测试,因为它没有意义)。此外,将依赖项源与项目源一起拖动通常被认为是不好的做法。

PS:奇点比Susy好(以我的拙见)

在适当的时候,Susy向我介绍了响应式网页设计的世界,我要感谢Susy及其创建者着名的CSS大师Eric Meyer Eric M. Suzanne

但实际上,Susy目前还不是最好的网格框架。我认为Singularity是最先进和最灵活的。我还发现Singularity比Susy更容易理解和使用(尽管两者都需要花费相当多的精力才能学习)。 Eric正在研究他的框架的现代版本,名为Susy Next。它还没有发布,我认为它不会压倒Singularity。所以我建议你开始学习Singularity而不是好老的Susy。

Singularity与其他Compass扩展程序配合使用效果很好:Breakpoint(以及它的sidekick Breakpoint Slicer)用于设置媒体查询(即制作响应式网站)。

Singularity在StackOverflow.com上有很大支持。如果您耗尽所有信息来源并仍然难以使用Singularity实施某些内容,请不要犹豫,提交标有singularitygs的问题。