如何设置 susy 容器的宽度和最大宽度

Question

我想用 Susy 本地实现这个 mixin：

@mixin mainContainer($width, $maxWidth) {
  width: $width;
  max-width: $maxWidth;
  margin-right: auto;
  margin-left: auto;
}

我该怎么做？

谢谢！

Answer 1

为这个 mixin 使用 Susy 的唯一原因是如果您希望 Susy 提供这两个值之一。如果您打算将 width 和 max-width 作为参数显式传递，则根本不需要 Susy。

我假设您确实希望 Susy 提供其中一个值，所以我只猜测哪个值，如果我猜错了让您更改它。为了使用带有自定义输出的 Susy，您将使用 container() 函数而不是 container() mixin：

@mixin mainContainer($max-width, $susy: $susy) {
  width: container($susy);
  max-width: $max-width;
  margin-right: auto;
  margin-left: auto;
}