Question

我在rails（3.2.13）项目中使用SASS（.scss）并使用变量＆amp;我的媒体查询的mixins如下：

$desk-wide-start:   1100px  !default;

@mixin media-query($media-query) {
  @if $media-query == desk-wide{
    @media only screen and (min-width: $desk-wide-start) { @content; }
  }
}

// I include the mixin like so

@include media-query (desk-wide) {
  margin-top: 0; 
}

这个网站正在运行并且工作正常，但我一直在本地工作（让我们调用此代码B）并进行了一些更改，现在我的媒体查询（mixins）已停止工作（它们似乎没有编译）。如果我写一个@media查询，那么这将有效。

我通过Git将我的更改重新编写为我上次部署到实际站点的代码（让我们调用此代码A），并且mixins工作，我交换回我的更改（代码B）然后返回到工作代码（代码A），他们也停止了这方面的工作。

我没有Rails错误，我在Chrome和Firefox（最新稳定版）上刷新/清除了缓存。

任何想法可能导致mixins无法编译/工作？

到目前为止，我已尝试使用Git（见上文）并将sass-rails gem更新到最新版本，我无法想到还有什么可能导致它。

Answer 1

这可能会对未来的其他人有所帮助 - 我已经解决了这个问题，我发现我有一颗宝石也有：

@mixin media-query($media-query) {

}

编译时一定会造成某种冲突，羞耻Rails没有为我标记。

我只是将其中一个@mixins更改为@mixin mq($media-query)

SCSS @include mixin不会在Rails中编译

1 个答案: