【问题标题】:SASS, COMPASS, SUSY - What is the relation? [closed]SASS、COMPASS、SUSY - 有什么关系? [关闭]
【发布时间】:2015-08-23 15:54:49
【问题描述】:

我正在使用带有 SASS 和 Compass 的 SUSY Grid,但老实说,我仍然不明白为什么要使用 Compass?

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

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

Compass 和 Susy 网格有什么关系?

【问题讨论】:

  • 看过 Compass 提供的产品吗?如果您不需要这些功能,请不要使用它。简单的。 没有 Compass 应该无法使用 Susy,因为多个文件都依赖于它。
  • “指南针的响应式网格。” ......我想没什么好说的了。

标签: sass compass-sass susy-compass


【解决方案1】:

什么是指南针

关于什么是 Compass 确实存在很多歧义。我做了一个非规范的尝试来解决它,请阅读它,然后从这里继续:https://stackoverflow.com/a/17317098/901944

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

Susy 是 Compass 扩展之一。

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

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

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

在适当的时候,Susy 向我介绍了响应式网页设计的世界,我要感谢 Susy 和它的创造者,著名的 CSS 大师 Eric MeyerEric M. Suzanne。 p>

但事实上,Susy 目前并不是最好的网格框架。我认为Singularity 是最先进和最灵活的。我还发现 Singularity 比 Susy 更易于理解和使用(尽管两者都需要相当多的努力才能学习)。 Eric 正在开发他的框架的现代版本,称为 Susy Next。它尚未发布,我认为它不会压倒 Singularity。所以我建议你开始学习 Singularity 而不是好的老苏西。

Singularity 还可以很好地与另一个 Compass 扩展程序结合使用:Breakpoint(及其伙伴 Breakpoint Slicer),用于设置媒体查询(即制作响应式网站)。

Singularity 在 StackOverflow.com 上获得了大力支持。如果您用尽了所有信息来源,但仍然难以使用 Singularity 实现某些东西,请不要犹豫,提出带有 singularitygs 标记的问题。

【讨论】:

    猜你喜欢
    • 2016-04-15
    • 2011-10-04
    • 2014-09-13
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2014-08-03
    • 1970-01-01
    • 2014-09-30
    相关资源
    最近更新 更多