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

Question

我想与Susy本地完成这个混音：

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

我该怎么做？

谢谢！

Answer 1

使用Susy进行此混音的唯一原因是，如果您希望Susy提供这两个值中的一个。如果您打算将宽度和最大宽度明确地作为参数传递，则根本不需要涉及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;
}