Css 奇点多水槽被忽略

Css 奇点多水槽被忽略,css,sass,singularitygs,Css,Sass,Singularitygs,我正在使用Singularity.gs 1.5.1生成一个网格。当我声明其他檐沟标注时,它们将被忽略。这就是我所拥有的: @包括add-grid12; @包括add-gutter20px; @包括640像素处的添加gutter30px; @包括1024px的add-gutter40px; @包括添加边沟样式的“拆分”“固定”; @包括sgs-变更“输出”、“浮动”; .第1栏{ @包括网格1、1; } 读一读奇点理论 Singularity并不像您可能习惯的那样提供响应网格,而是提供响应网格上

我正在使用Singularity.gs 1.5.1生成一个网格。当我声明其他檐沟标注时,它们将被忽略。这就是我所拥有的:

@包括add-grid12; @包括add-gutter20px; @包括640像素处的添加gutter30px; @包括1024px的add-gutter40px; @包括添加边沟样式的“拆分”“固定”; @包括sgs-变更“输出”、“浮动”; .第1栏{ @包括网格1、1; } 读一读奇点理论

Singularity并不像您可能习惯的那样提供响应网格,而是提供响应网格上下文。这允许您定义在调用网格跨度时网格选项的用途。为了将内容附加到网格,您仍然需要在您的媒体查询中调用grid span,如果您希望这样做的话

当您使用带有浮点输出样式的固定排水沟时,另一个建议是创建填充更改并包含该更改的mixin

@mixin column-padding {
  padding-left: 10px;
  padding-right: 10px;

  @include breakpoint(640px) {
    padding-left: 15px;
    padding-right: 15px;
  }

  @include breakpoint(1024px) {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.column-1 {
  @include grid-span(1, 1);
  @include column-padding;
}
可能的副本的副本。看我对那个问题的回答。