Jekyll - Scss地图没有有效值

Question

这张scss地图导致jekyll build失败（Jekyll 2.5.3）：

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

我有这个错误：

  

错误:(移动设备：100％，平板电脑：500px，桌面：800px）不是有效的CSS值。

AFAIK，这是一张完全有效的scss地图，为什么Jekyll不接受呢？ 我首先想到混合百分比和像素是重点，但我只有像素值的错误。

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

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

我可以复制/粘贴地图，我会收到错误......

有什么想法吗？

Answer 1

... Oooookay
我对一个愚蠢的问题的愚蠢回答。

它写的是“有效的CSS值”，而不是“有效的SCSS值”。

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

img {
  max-width: $content_width;
}

一旦我将变量从像素值更改为地图，此操作就会失败。我需要使用：

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