在断点容器上重新定义$ susy值

Question

我正在尝试在媒体查询中重新定义$ susy属性容器。我正在尝试运行

@include breakpoint($mobile) {

  $susy: (
   container: 100%,
  );
}

当我编译cmd说尝试使用$ susy :(容器：100％）！全局而不是---我尝试了它并且它不起作用。

有什么想法吗？

由于

Answer 1

据我所知，$ susy是您设置网站基本布局的全局设置。对于断点处的后续布局，我会使用新的地图，例如$平板电脑，$桌面。

Answer 2

$susy是一个全局设置，Sass不会对媒体上下文进行变量范围调整。您可以执行@ user2713715建议的操作，并为其他布局提供新名称，但Susy还有一个工具可帮助将这些设置应用于不同的代码块。最基本的是with-layout：

@include breakpoint($mobile) {
  @include with-layout(100%) { // can pass in shorthand, or a map of new settings
    // any code in here will use the new layout...
  }
}

但是，如果你使用断点，我们有一个更好的捷径：

@include susy-breakpoint($mobile, (container: 100%)) {
  // again: you can use the shorthand or a settings map.
  // any code in here will use the new layout...
}