无论嵌套网格上下文如何，如何跨越多个列？

Question

我需要设置在我的流体Susy布局中的各个位置使用的元素的宽度。父元素的宽度并不总是相同，但我希望此元素的宽度始终与页面宽度相同。

实施例： 在12列网格中，新闻文章有时跨越12列，有时为6.编辑可以在新闻文章文本中添加<blockquote>。我想要一个blockquote总是3列宽（相对于整页），无论其上下文（12或6列）。

当然，如果这是一个固定列宽的网格，那会更容易，但我正在寻找一种流畅的，基于百分比的解决方案。

PS。如果这样可以更容易地解决问题，我愿意使用Susy 2 alpha。

Answer 1

你会在Susy 1或2中以相同的方式做到这一点，尽管它在2中总是更有趣。:)

这个问题与Susy的任何具体内容都没有关系，在任何流畅的CSS情况下都会出现问题。如果你有一个知道你所在的上下文的钩子，你只能解决它。此时，你可以从任何一端解决它。像这样：

blockquote {
  @include span-columns(3);
  .narrow & { @include span-columns(3,6); }
}

没有钩子，真的没有办法做到这一点。 CSS没有element-queries（由于该文章中给出的原因，很可能不会很快。）