基础6在小断点处改变沟槽尺寸

Question

在Foundation 6中有一种方法可以将小断点中的装订线大小更改为与settings.scss中的装订线大小不同的内容吗？现在我将df = df[(df['B'] > | < | == 2 * df['D']) & (df['B'] > | < | == 2 * df['F'])] 设置为90px，但是当网站处于小断点时，我希望该大小达到30px。最好的方法是什么？

Answer 1

我还没有机会在6岁时非常广泛地工作。但我相信你正在寻找一些mixin组合，因为Foundation 6更加强调从html中取出类并使你的CSS文件更加结构化。请参阅下面的示例，其中可能会对您有所帮助。

.columns {
  // Only affects medium screens and larger
  @include breakpoint(medium up) {
     @include grid-column($columns, 90px);
  }

  // Only affects small screens, not medium or large
  @include breakpoint(small only) {
     @include grid-column($columns, $gutter);
  }
}

不确定您是否需要使用不同的课程。但我认为这应该是一个不错的开端。获得了Foundation 6文档的"Grid"和"Media Queries"部分的代码段。