Sass 苏西下一个网格

我只是想熟悉新的Susy Next选项，我有自己的代码：

.grid
   +clearfix
   clear: both

.grid__item
   +gallery(1)
   +rem(margin-bottom, 20px)

我希望在

.grid

内有一个5列的网格，这样

.grid\uu项目

就可以在图库中跨越1列

如果我在

.grid

中添加布局（5 1/4流体显示背景），则我不会获得调试背景输出

如果我在

.grid

中添加

+容器（5 1/4流体显示背景）

，则我会获得背景，但项目范围不正确，因为上下文不存在

有没有关于如何在布局中使用

+的文档，我认为这可能会解决问题，但可以；我找不到任何东西

我只是在寻找用Susy Next解决这个问题的最佳方法。我需要
.grid
包含5个带有1/4排水沟的液柱，然后允许我跨越
.grid\u项目
。我还需要能够在
.grid
上输出调试背景

我认为我的主要问题是，我正在混淆：
+容器
，
与布局
以及事物如何结合在一起。我读过最新的文件，但它没有；I don’我脑子里不太清楚

可能就是我
 您需要建立您的网格<代码>和布局

是一种对一小段嵌套代码执行此操作的方法，但为什么不全局设置它们呢？有几种方法可以做到这一点，它们都有，但最有可能的是您只需要

layout（）

mixin:

// note that it isn't nested under anything.
+layout(5 1/4 fluid show background)

现在您有了全局上下文，可以构建网格：

.grid
  +container

.grid__item
  +gallery(1)

就这样。如果您确实只想为一小部分代码设置网格，则可以将

与布局一起使用。它的工作原理与布局类似，但只影响嵌套在其中的代码

// with-layout() for a nested code block:
+with-layout(5 1/4 fluid show background)
  .grid
    +container

  .grid__item
    +gallery(1)

对不起，这个无用的评论，但是这个问题需要
CSS
标签吗？它输出CSS，不是吗？是的，但这就是输出。这个问题更多地与SASS和Susy相关，而不是CSS@HashemQolami只需删除不相关的标签。如果Sass代码没有生成预期的CSS，那么这就是Sass问题。如果Sass正在生成预期的CSS，但是CSS不能正常工作，那么这是一个CSS问题。现在可以回答我的问题吗？好的。有道理。我将我的主全局$susy网格设置为12列，这是在我的base/_variables.scss文件中设置的。然后在一个名为modules/_photo-display.scss的文件中，我将
.photo-display
设置为
+span（8）
。查看页面时，
.photo display
的宽度设置为100%。“我的变量”文件中设置的全局默认值是否不会影响其他单个文件，除非在其顶部也调用了
+layout
？我认为这些单独的文件混淆了我的网格。啊，我知道它现在在做什么。当我在新的
\u photo-display.scss
文件之前导入的上一个文件中使用
+layout（8 fluid）
时，全局上下文设置为8，因此它的跨度为100%。我尝试将
+layout（$susy）
添加到我的
\u photo-display.scss
文件的顶部，以重置为全局网格，但没有成功。有什么想法吗？我意识到我可以在
\u photo-display.scss
顶部使用+layout（12 fluid），它可以工作，但当网格可能返回到我设置为
$susy
的原始网格时，重新定义网格似乎很愚蠢。无论何时更改全局设置，您都在更改
$susy
的值，以及更改任何后续代码的布局<代码>布局（$susy）

不执行任何操作，因为您设置的任何布局都已分配给

$susy

。如果确实希望每个文件有不同的布局，可以在顶部声明

layout（）

，或者使用

with layout

将代码包装到每个文件中，以便保留全局设置。