将 @extend 与 Zurb Foundation 和 rails 一起使用答案

【问题标题】：Using @extend with Zurb Foundation and rails将 @extend 与 Zurb Foundation 和 rails 一起使用
【发布时间】：2014-01-02 08:32:12
【问题描述】：

我很难弄清楚如何将 Foundation 与 Rails 一起使用。

我已经安装并配置了基础导轨 gem，并且在我的标记中使用 Foundation 类没有问题。但是，我试图在我的样式表中使用@extend，但它不起作用。这是我完整的connections.scss文件

.btn {
    @extend .button
}

我的日志中有一个错误：

WARNING on line 3 of <snipped>/connections.scss: ".btn" failed to @extend ".button".
The selector ".button" was not found.

我猜我只是缺少@import 或其他东西，但不太确定。有什么想法吗？

谢谢

【问题讨论】：

【解决方案1】：

我的 RTFM 不太好。

我让我的application.scss 看起来像这样：

 /*
  *= require_self
  *= require foundation_and_overrides
  */
  @import 'foundation_and_overrides';
  @import '*';

【讨论】：