2

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

  • 标题

    • 品牌 | 搜索

  • 导航

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

  • 主要的

    • 消息
    • 促销1 | 促销2 | 促销3
    • 更多内容 | 更多内容
  • 先说侧边栏

  • 侧边栏第二

  • 页脚

    • 隐私政策 | ETC

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

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

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

谢谢

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

4

1 回答 1

1

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

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

main {
  // main layout code, uses global settings.
}
于 2014-06-22T20:05:52.807 回答