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

Question

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

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

但是我为什么要安装和使用Compass？

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

Answer 1

指南针是什么

对于Compass来说,确实有很多含糊不清的地方.我做了一个非规范的尝试来解决它,请阅读它,然后从这里恢复:https://stackoverflow.com/a/17317098/901944.

Susy是什么,为什么需要指南针

Susy是Compass扩展之一.

有了Compass,你只需要你的Susy config.rb和瞧!只需执行@import susy(并使用Compass编译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.