css - extjsテーマのベースカラーとしてのcss、sassグラデーションカラー

Question

チュートリアルに基づいてextjsテーマを実装しています：

http://docs.sencha.com/ext-js/4-1/#!/guide/theming

私はすべてをセットアップし、期待どおりに動作します。

しかし、ベースカラーとしてグラデーションカラーが必要です。

sassに対して次の構文を試しましたが、機能しませんでした。

誰か提案がありますか？

 $base-color: gradient(#09B3F0, #0A284A);

Answer 1

Compassをインストールし、次のミックスインを使用します。

@include background(linear-gradient(#09B3F0, #0A284A));

デモ

gradient()はネイティブのSass関数ではなく、グラデーションのサポートは組み込まれていません。Compassが優れている理由の1つは、CSS3グラデーション（およびその他の機能）を簡単に使用できるようにすることです。