波旁整洁："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

阅读波旁新断点文档和这里的一些示例，似乎您可以做到：

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