Question

我定义了以下网格：

$main-grid: 12 (remCalc(62.4166667px) remCalc(20px)) after static float
$twelve-fluid: 12 remCalc(15px) after fluid float

+set-grid($main-grid)

我的$main-grid上设置了.container。我希望将$twelve-grid设置为名为.container的{{1}}的孩子，所以我有以下内容：

.container__main

错误的是网格不适合+use-grid($twelve-fluid) .container__main +rem(padding, 20px) background-color: #ffffff +background-image(linear-gradient(top, #c4c3b1, #ffffff remCalc(30px))) +background-image(linear-gradient(top, #c4c3b1, #ffffff 30px)) +background-grid所具有的20px（或rem等效）填充。我怎样才能使它适应这一点，以便12个流体柱的网格适合内部。

我也尝试用.container__main替换+background-grid，但我似乎没有得到任何输出？

rem像素宽度回退仍未显示。这是在管道中吗？（不要急，我知道）。

有什么想法吗？

Answer 1

添加background-origin和-clip。这些将在下一个预发行版中自动添加，但是现在你必须手动添加它们：

.container__main
  +background-origin(content-box)
  +background-clip(content-box)

这也将剪辑你的其他背景，所以你可以将它包装在mixin中。像这样：

@mixin show-grid($show: $show-grids)
  @if $show and $show != hide
    +background-grid
    +background-origin(content-box)
    +background-clip(content-box)

.container__main
  +show-grid

这只是一个临时的解决方法 - 使用alpha的一部分。我们已经将它固定在susy-next分支中，我们很快就会把它放在一个新的宝石中。

网格中的Susy 2 Grid

1 个答案: