breakpoint-sass - 断点对未按预期运行

Question

我刚刚通过 bower 安装了 Breakpoint，我正在使用来自 wiki 的示例：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';
  }

}

谁能帮我解决这个问题？谢谢

score 0 · Accepted Answer

I needed to add this line to my gruntfile.js > compass > options >

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

1 回答 1