指南针/ sass中的嵌套列

Question

我一直在研究罗盘，虽然使用和使用它是一件有趣的事情，但有一件事困扰我（除了无法添加填充物，因为它会破坏网格），我如何嵌套列？

我希望能够做蓝图所做的事情：像我这样的嵌套容器，我有一个24列的页面分为两个（17和7列）。在该页面的右侧（有7列的那个），我想将一些元素分成两个（2和5列）。

我试过了：

#main
  +container

  #main-content
    +column(17)
    +box-padding(17, 10px)
    :margin
    :right 0

  #sidebar
    +column(7, true)
    +box-padding(7, 10px)

这是主页面的代码。侧边栏包含一个带有一些标签和输入字段的列表

li
  +container
  :margin
    :bottom 5px

label
  +column(2)
  :margin
    :right 0

input
  +column(5, true)

有点有效，但检查萤火虫中的li表明它的宽度实际上是950px而不是仅仅是270px，因为它只有7列。我尝试使用谷歌搜索嵌套列，但我似乎无法在罗盘中找到任何示例。我也尝试过wiki和文档无济于事。

Answer 1

我认为部分问题（可能是整个问题？）是您已将container mixin应用于li。该mixin将宽度定义为!blueprint_container_size的值，默认情况下，其值为950px（但可以覆盖）。删除它，你应该没事。容器用于描绘整个容器，而不是整个部分。