Responsive design 在不同的断点使用不同的Susy配置

我尝试在布局设计中使用两个不同的Susy网格全局配置作为两个断点：平板电脑和桌面

这是my_variables.scss代码：

// Susy Sass Grid System Config
$susy: (
  columns: 12,
  column-width: 45px,
  global-box-sizing: border-box,
  gutters: 18px / 45px,
  gutter-position: inside,
  math: static,
  output: float,
);

$susy-desktop: (
  columns: 12,
  column-width: 67px,
  global-box-sizing: border-box,
  gutters: 30px / 67px,
  gutter-position: inside,
  math: static,
  output: float,
);

@include susy-breakpoint(1200px, $susy-desktop, false);

当达到1200px的宽度时，如何获得

$susy desktop

配置。混音器似乎不起作用。正常配置

$susy

工作正常

---

如果需要更多信息，请告诉我，非常感谢您抽出宝贵的时间

susy断点mixin是一个需要内容的包装器。它将添加媒体查询，并更改传递到其中的所有内容的设置：

---

使用

susy断点

而不传入内容将无效。

感谢您的回复！帮助很大！；）

@include susy-breakpoint(1200px, $susy-desktop, false) {
  /* This code will use the $susy-desktop settings at 1200px */
  @include span(3);
}