Jekyll - Scss 地图没有有效值

Question

这个 scss 映射导致我的 jekyll build 失败 (Jekyll 2.5.3):

$content_width: (
  mobile:    100%,
  tablet:    500px,
  desktop:   800px
);

我遇到了这个错误：

Error: (mobile: 100%, tablet: 500px, desktop: 800px) isn't a valid CSS value.

据我所知，这是一个完全有效的 scss 映射，那么为什么 Jekyll 不接受它呢？
我首先认为混合百分比和像素是重点，但我在仅像素值时遇到了同样的错误。

开始让我发疯的是我已经有另一张地图，它接受了：

$sq-breakpoints: (
    mobile:    320px,
    tablet:    768px,
    desktop:   992px
) !default;

我可以copy/paste地图，我会得到错误...

有什么想法吗？

Answer 1

好吧...
我对一个愚蠢的问题的糟糕、愚蠢的回答。

写的是"valid CSS value"，而不是"valid SCSS value"。

我的 scss 文件中隐藏了 $content_width 的用法：

img {
  max-width: $content_width;
}

当我将变量从像素值更改为地图时，这就失败了。我需要使用：

img {
  max-width: map-get($content_width, desktop);
}

Jekyll - Scss map has not a valid value