Bourbon Neat：“max-width”之后的无效 CSS：预期的媒体查询列表是“80em 12”

Question

对于我的 Jekyll 项目，我有这个 Sass 代码：

@import "neat/neat-helpers";
$max-width: em(1280);

/* Screen sizes for media query mixin */

$micro-only: new-breakpoint(min-width em(240) max-width em(480) 12);
$medium: new-breakpoint(min-width em(768) 12);
$large: new-breakpoint(min-width em(1280) 12);

运行jekyll build 我得到错误：

Conversion error: Jekyll::Converters::Scss encountered an error converting 'assets/css/main.scss'.
Conversion error: Invalid CSS after "max-width ": expected media query list, was "80em 12"

Answer 1

看了bourbon new-breakpoint doc和some examples here，好像可以做到：

$micro-only: new-breakpoint(min-width em(240) max-width em(480), 12);