在 Susy 2 中创建具有不同布局的嵌套网格的最佳方法是什么？

Question

我的网站布局如下，如果你能想象结构！

• 标题

  • 品牌 |搜索

• 导航

  • 首页 |关于 |博客 |新闻 |联系

• 主要

  • 新闻
  • 促销1 |促销2 |促销 3
  • 更多内容 |更多内容
• 侧栏优先

• 第二个侧边栏

• 页脚

  • 隐私政策 |等等

上面这些不同部分的宽度都不同 - 有些比其他部分有更多的内脏/填充。

我试图找出在 Susy 2 中管理不同布局上下文的最佳方法，并试图在文档中找出它，但没有适当的示例，我有点挣扎。例如，我尝试在 main 部分下使用 @include 布局，但它无法完成我想要做的事情，所以我猜我不太了解 Susy 2 的基本概念。

任何帮助/建议将不胜感激！

谢谢

只是为了澄清，我不是要求提供我的站点结构的代码，我要求对 Susy 2 库中的函数进行一点澄清，因为没有使用函数的示例以及应该如何使用它们并不那么明显。

Answer 1

您可能想要使用 with-layout mixin，它会更改嵌套代码块的网格设置：

nav {
  @include with-layout($nav-settings) {
    // nav layout code, uses nested settings.
  }
}

main {
  // main layout code, uses global settings.
}