2012-07-25 16 views
6

ブルボンに含まれているミックスインを使用しているときに問題があります。 このmixinがBourbonの「コンパクト」機能を使用するとき、それを使用せずにcssにコンパイルするだけです。ここ は、ボックスシャドウのrendred CSSのスクリーンショットです:ブルボンの「コンパクト」機能が呼び出されていない

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

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

ありがとうございました!

+0

類似したhttp://stackoverflow.com/questions/41957672/compass-box-shadow-mixin-returns-invalid-property-value – Green

答えて

14

ここでもう少し深くダイビングした後、どうやって固定したのですか?

この問題は、おそらく、このコミットの原因とされている: https://github.com/thoughtbot/bourbon/commit/ac07c990c0d0fe16f4c455490c9a9fdff7fe27af

コンパクト機能が良くRailsのと統合するRubyで書き直されました。 最初に、私はちょうどrepoから 'stylesheet'フォルダを貼り付けてコピーします。そして私が偽のsytaxを始めたときのこと。

私は指示を読んでエラーを修正しました:) - それをRailsにインストールしてから、それがうまくいったのです。あなたのケースでは

、彼らはcodekitの実装を持っている場合は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; 
} 

(私はレポからコードを得ました)あなたのアドオンフォルダ内のファイル名_function.scssで、_bourbon.scssで参照してください。そしてそれはあなたの問題を解決するはずです。

+0

アセットを実行するときに同様の問題が発生しました:プリコンパイル。あなたのソリューションを使用しましたが、上記のリストに$ var-11を追加する必要がありました。適切なソリューションをありがとう。 – ghayes

+0

SASS構文を使用している場合:https://gist.github.com/mahemoff/5251266 – mahemoff

関連する問題