Sass 整洁的新断点

我正在使用纯波旁威士忌，并尝试使用它的新断点mixin，但它不起作用。 我已经可以说我加载了第一个bourbon，而不是grid和breakpoints.scs和than neat

因此，我可以在写作时看到变化：

@include media(max-width 500px) {
          @include span-columns(12); 
          background: red;
        }

但不是在我写的时候：

$mobile: new-breakpoint(max-width 500px);
@include media($mobile) {
            @include span-columns(4);
             background: red;
          }

---

知道为什么吗？

尝试定义

新断点声明中的列数，如下所示：

$mobile: new-breakpoint(max-width 480px 4);

如果在常规css之后导入响应css，也可能会遇到问题

最后，为了更好地理解代码，您应该将.scss输出更改为常规css（而不是缩小）。当您必须上传代码时，您可以更改设置并缩小css。
您可以使用最小值和最大值来获得不同的分辨率。如果你需要高达480，那么你应该选择

$mobile: new-breakpoint(max-width 480px 4);

    $tablet: new-breakpoint(min-width 481px 8);

如果你想使用平板电脑，你应该选择

$mobile: new-breakpoint(max-width 480px 4);

    $tablet: new-breakpoint(min-width 481px 8);

请确保以最小值作为上限。
“不工作”并不能描述问题。什么不起作用？它给出了一个错误？它给出了不正确的输出？什么？不，它什么都不做。比如，如果我没有通过查看浏览器或查看浏览器中生成的CSS？来编写任何断点“不做任何事情”。生成的css很难看到，因为它是压缩的，但似乎没有显示任何内容。我确信该文件正在被监视，因为如果我输入错误，它会抱怨错误。掌握基本的调试技能是你的工作。如果由于压缩而无法读取输出，请更改它以便可以读取。