断点对未按预期运行

Question

我刚刚通过bower安装了Breakpoint，我正在使用维基上的示例：https://github.com/Team-Sass/breakpoint/wiki/Basic-Media-Queries

$pair: 456px 794px;

#foo {
  @include breakpoint($pair) {
    content: 'Paired Media Query';
  }
}

我应该看到这个输出：

@media (min-width: 456px) and (max-width: 794px) {
  #foo {
    content: 'Paired Media Query';
  }
}

相反，我看到了这一点：

@media (min-width: 456px), (min-width: 794px) {
  #foo {
    content: 'Paired Media Query';
  }

}

有人可以帮我解决这个问题吗？感谢

Answer 1

我需要将此行添加到我的gruntfile.js＆gt;指南针＆gt;选项＆gt;

require: '<%= yeoman.app %>/bower_components/compass-breakpoint/lib/breakpoint',