0

linear-gradientバーボンで使おうとすると：

@include linear-gradient(#8080a0, #606090);

私はこれを手に入れます：

background-color: #8080A0;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(100%, compact(#8080A0, #606090, false, false, false, false, false, false, false, false)));
background-image: -webkit-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -moz-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -ms-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: -o-linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));
background-image: linear-gradient(top, compact(#8080A0, #606090, false, false, false, false, false, false, false, false));

compact()これは、それが呼び出されていないことを示しているようです。と呼ばれる場所にある別のファイルで定義されていますlib/bourbon/sass_extensions/functions/compact.rb。どうすればそれをロードできますか？

解決しました

問題はバーボン自体にあるようでした。問題があったバージョン2.1.3を使用していました。作者はここ数日でそれを更新していて、動作している新しいバージョン3.0.1を追加しました。

4

1 に答える 1

1

このStackoverflowの回答は、コンパクトな機能を機能させるのに役立ちますか？

元の質問に対する元の回答（後世のために）

compact()有効なCSSではありません。生成されたCSSには複数の参照が含まれており、Chromeは解釈方法がわからないルールを無視します。

于 2012-12-08T03:23:21.797 に答える