6

バーボンに含まれているミックスインの使用に問題があります。このミックスインがバーボンの「コンパクト」機能を使用する場合、それを使用せずにcssにコンパイルするだけです。これは、ボックスシャドウのレンダリングされたCSSのスクリーンショットです。

http://i.stack.imgur.com/YF1JB.png

最新のSassバージョンを使用して、非静的サイトで使用しています。Codekitを使用してコンパイルします。

手伝ってくれてありがとう ！

4

1 に答える 1

15

さて、ここでもう少し深く潜った後、私はそれを修正した方法です。

この問題は、おそらくこのコミットが原因で発生しています： https ://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af

コンパクトな関数は、Railsとの統合を改善するためにRubyで書き直されました。最初は、リポジトリから「stylesheet」フォルダをコピーして貼り付けました。そして、それは私が偽のsytaxを始めたときです。

指示を読んでエラーを修正しました:)-Railsにインストールする方法の指示を読んで、それが機能しました。

あなたの場合、コードキットの実装がある場合はidkですが、次のコードを追加することで修正できると思います。

@function compact($var-1,        $var-2: false,
                  $var-3: false, $var-4: false,
                  $var-5: false, $var-6: false,
                  $var-7: false, $var-8: false,
                  $var-9: false, $var-10: false) {
  $full: $var-1;
  $vars: $var-2, $var-3, $var-4, $var-5,
         $var-6, $var-7, $var-8, $var-9, $var-10;

  @each $var in $vars {
    @if $var {
      $full: $full, $var;
    }
  }
  @return $full;
}

（リポジトリからコードを取得しました）

addonsフォルダー内のファイル名_function.scssで、_bourbon.scssで参照します。そして、それはあなたの問題を解決するはずです。

于 2012-08-01T03:35:32.523 に答える