Question

这是我的代码：https://github.com/Oreqizer/susy-tutorial/blob/master/app/styles/modals/_layout.scss 第12至17行，在此提取：

.wrap {
  @include container();
  @include breakpoint(768px) {
    @include show-grid(9);
  }
  @include breakpoint(1024px) {
    @include show-grid(16);
  }
}

如果在未注释的情况下尝试编译，我会得到：

Sass error: { status: 1,
  file:
  '/home/idefixx/data/work/web/tutorials/susy/app/styles/modals/_layout.scss',
  line: 53,
  column: 38,
  message: 'cannot add or subtract numbers with incompatible units',
  code: 1 }

我正在使用LibSass进行编译。 Vanilla Sass以同样的方式失败了。一切都更新了。

如果我从args中移除单位，例如：断点（768），它会编译，但什么都不做。知道为什么会这样吗？

修改

如果没有单位，则这是已编译的.css：

.wrap {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto;
  background-image: linear-gradient(to right, rgba(102, 102, 255, 0.25), rgba(179, 179, 255, 0.25) 80%, transparent 80%);
  background-size: 12.8205128205%;
  background-origin: content-box;
  background-clip: content-box;
  background-position: left top; }
  .wrap:after {
    content: " ";
    display: block;
    clear: both; }
  @media (min-width: 3841.25em) {
    .wrap {
      background-image: linear-gradient(to right, rgba(102, 102, 255, 0.25), rgba(179, 179, 255, 0.25) 80%, transparent 80%);
      background-size: 11.3636363636%;
      background-origin: content-box;
      background-clip: content-box;
      background-position: left top; }
      .wrap .wrapper {
        width: 3838.75em; } }
  @media (min-width: 5121.25em) {
    .wrap {
      background-image: linear-gradient(to right, rgba(102, 102, 255, 0.25), rgba(179, 179, 255, 0.25) 80%, transparent 80%);
      background-size: 6.3291139241%;
      background-origin: content-box;
      background-clip: content-box;
      background-position: left top; }
      .wrap .wrapper {
        width: 5118.75em; } }

看起来编译器以某种方式假设我将使用＆＃39; s。为什么会这样，我不知道。

如果我更换＆＃39; px＆＃39;用＆＃39; em＆＃39;但是，抛出同样的错误。

编辑2：

mixin：

@include susy-breakpoint(500px) { }

有完全相同的问题。

编辑3：

我卸载了断点，susy-breakpoint似乎工作正常。但是，隔离使用断点并不像Susy那样工作。

Sass：断点mixin args错误

0 个答案: