ruby-on-rails - Rails4 Foundation4 未定義の mixin

Question

Rails アプリで Foundation の mixin を使用できません (エラー:未定義の mixin 'column')。

Gemfile

    gem 'rails', '~> 4.0.0'
    gem 'sass-rails'
    gem 'zurb-foundation'

アプリケーション.css.scss

    /*
    *= require_self
    *= require foundation_and_overrides
    *= require_tree .
    */

レイアウト.css.scss

    section {
      @include column(12);
    }

    aside {
      @include column(4);
    }

そして、そこにはミックスインが見つかりません。https://github.com/zurb/foundation/issues/1230 とhttps://github.com/zurb/foundation/issues/2128も見ましたが、どれも機能していないようです。

Answer 1

stories.css.scss でミキシングを使用したいときに同じ問題が発生しrequires、scss ファイルを手動で削除してインポートする必要がありました。

#application.css.scss
@import "foundation_and_overrides";
@import "stories";

ソース: https://github.com/zurb/foundation/issues/2128#issuecomment-17912556

さらに、次のエラーメッセージが表示されました

Syntax error: File to import not found or unreadable: foundation/foundation-global.

foundation_and_overrides.css.scss の次の行を変更する必要がありました

#foundation_and_overrides.css.scss
@import "foundation/foundation-global";

に

#foundation_and_overrides.css.scss
@import "foundation/variables";

ソース: https://github.com/zurb/foundation/issues/1792#issuecomment-17041016

それが役立つことを願っています。これが機能するまでに時間がかかりました。