1

这是我的代码：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; } }

看起来编译器以某种方式假设我将使用'em's。为什么会发生这种情况，我不知道。

但是，如果我将 'px' 替换为 'em'，则会引发相同的错误。

编辑2：

混音：

@include susy-breakpoint(500px) { }

有完全相同的问题。

编辑 3：

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

4

0 回答 0