css - Bourbon Neat 1 - 让元素跨越阴沟

标签 css grid bourbon neat

我不断收到设计师遵循网格的设计,但偶尔元素会排到排水沟的另一侧,或者 2 个元素在一列的中途相遇。请看图片 - 第一行显示正常符合网格,第二行显示一些问题。

使用 Bourbon Neat 1.0(不是 2),我如何复制这些尺寸(除了告诉我们的设计师不要这样做)?我想象某种像 @include span-right-gutter() 这样的混合,但也许我没有在寻找正确的东西。

另外 - 现在 2.0 已经出来了,我找不到 1.0 的任何文档 - 文档在哪里?!

感谢任何帮助,谢谢。

grid

最佳答案

我发现我可以像这样直接访问列和间距的宽度:

宽度:flex-grid(7) + flex-gutter(12);

关于css - Bourbon Neat 1 - 让元素跨越阴沟,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/44016978/

相关文章:

extjs - 无法在网格中添加过滤器

css - 使用 :nth-child 在网格布局中设置每 3 个元素的样式

css - 将填充添加到容器但在网格之外

css - 当连续超过 2 列时,列不能正确对齐

css - Neat 2.0 平板电脑媒体查询不起作用

html - CSS <UL> 在 Firefox 中无法正确呈现

html - 在背景图像上重叠文本

html - 为什么不应用 letter-spacing 属性?

CSS 亮度滤镜模糊文本

javascript - 使用 node-bourbon 设置 grunt-contrib-sass