Sass bourbon 整洁的断点不起作用答案

【问题标题】：Sass bourbon neat breakpoints not workingSass bourbon 整洁的断点不起作用
【发布时间】：2015-07-21 00:36:20
【问题描述】：

所以我是 Neat 的 Sass 和 Bourbon 新手，由于某种原因，我使用的断点似乎没有响应。我有这样的 Sass 导入

//Bourbon
@import "bourbon/app/assets/stylesheets/bourbon";

//Neat
@import "neat/app/assets/stylesheets/neat";

// Scut, a Sass utilities library: https://davidtheclark.github.io/scut/
@import "scut/dist/scut";

// Configuration variables
@import "config";

// Configuration layouts
@import "layout";

在我的配置中

$break-tablet: new-breakpoint(min-width 480px, 6);
$break-desktop: new-breakpoint(min-width 761px, 10);

然后在布局中我会使用这样的东西而没有运气

#responsive-menu-toggle {
    @include media($break-desktop) {
        display: none;
    }
}

我错过了什么吗？？

符合

@media screen and (min-width: min-width 761px 100px) {
  #responsive-menu-toggle {
    display: none; } }

【问题讨论】：

编译后的输出是什么样的？
刚刚添加到问题@cimmanon
你明白那不是有效的 CSS，对吧？
我当然会这样做，但这就是使用 Bourbon 和 Neat 来遵守 Sass 的方式（显然不是正确的方式）。我认为它实际上可能是 Scut 框架覆盖它，所以它不能正确编译。
如果你有一个库覆盖了一个与你试图在另一个库中使用的同名的 mixin，这意味着你必须停止导入你不导入的 mixin实际上想要使用或遵循其他 mixin 的规则。

标签： sass bourbon neat

【解决方案1】：

看起来有语法错误，你的断点应该这样定义：

$break-tablet: new-breakpoint(min-width 480px 6);
$break-desktop: new-breakpoint(min-width 761px 10);

如果您查看文档，这实际上从语法中还不够清楚，而仅从示例中可以看出：http://thoughtbot.github.io/neat-docs/latest/#new-breakpoint

【讨论】：