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

Sass 在Susy 2中创建具有不同布局的嵌套网格的最佳方法是什么?,sass,susy-compass,susy-sass,Sass,Susy Compass,Susy Sass,我有一个网站布局如下,如果你能想象的结构 标题 品牌|搜索 航行 主页|关于|博客|新闻|联系方式 主要 新闻 推广1 |推广2 |推广3 更多内容|更多内容 侧杆优先 边栏第二 页脚 隐私政策等 上面这些不同部分的宽度都是不同的——一些部分比其他部分有更多的沟槽/填充物 我试图找出在Susy 2中如何管理不同布局上下文的最佳方法,并试图在文档中找到它,但没有合适的示例,我有点挣扎。例如,我曾尝试在主要部分下使用@include布局,但未能达到我的目的,因此我猜我对Susy

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

  • 标题

    • 品牌|搜索
  • 航行

    • 主页|关于|博客|新闻|联系方式
  • 主要

    • 新闻
    • 推广1 |推广2 |推广3
    • 更多内容|更多内容
  • 侧杆优先
  • 边栏第二

  • 页脚

    • 隐私政策等
上面这些不同部分的宽度都是不同的——一些部分比其他部分有更多的沟槽/填充物

我试图找出在Susy 2中如何管理不同布局上下文的最佳方法,并试图在文档中找到它,但没有合适的示例,我有点挣扎。例如,我曾尝试在主要部分下使用@include布局,但未能达到我的目的,因此我猜我对Susy 2的基本概念还不太了解

如有任何帮助/建议,将不胜感激

多谢各位


只是为了澄清,我不是要求提供我的站点结构的代码,我要求对Susy 2库中的函数进行一点澄清,因为没有正在使用的函数的示例,它们应该如何使用也不是很明显

您可能希望使用mixin,它更改嵌套代码块的网格设置:

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

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

这个问题似乎离题了,因为它不是一个代码编写服务。好的,很棒的东西,我要试一试。谢谢你!