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

Question

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

• 头

  • 品牌推广|搜索

• 导航

  • 主页|关于|博客|新闻|接触

• 主

  • 消息
  • 促销1 |促销2 |促销3
  • 更多内容|更多内容
• 侧栏第一

• 侧栏第二

• 页脚

  • 隐私政策|等

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

我试图弄清楚如何在Susy 2中管理不同布局上下文的最佳方式，并试图在文档中弄清楚但没有适当的例子，我正在努力一点点。我尝试过在主要部分下使用@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.
}