Extjs 4ボタンの色はSASSの問題を使用していますか？

Question

私はSankarです。私はSASSを使用して特定のExtjsボタンの色を与えようとしました。しかし、Iamは解決策を見つけることができませんでした。これについて私を助けてください。私は次のコードを与えました。 @include @import 'のext4 /デフォルト/すべて' 与えられたあなたのreply.Iため

$base-color: #5291C5; 

@import 'compass'; 
@import 'ext4/default/all'; 

@include extjs-button-ui(
    'smallbtn', 
    $border-radius: 10px, 
    $border-color: #A52A2A, 
    $background-color: #A52A2A, 
    $color: #A52A2A 

    enter code here 
); 

追加情報

おかげ。それはいくつかの構文エラーを表示しています。私はこれのための解決策を得ることができません。私はこのようないくつかの "tbar"を作成したように私のための要件です { テキスト： 'Retrieve'、 id： btnConsolidatedRetrieve」、 UI： 『』グリーン は}私は与えられた .scssファイルがthis.Iができないのですために私に簡単な例を与えるchanging.Please

$include-default: false; 


$base-color: #5291C5; 

@import 'compass'; 
@import 'ext4/default/all'; 

@include extjs-boundlist; 
@include extjs-button; 
@include extjs-btn-group; 
@include extjs-datepicker; 
@include extjs-colorpicker; 
@include extjs-menu; 
@include extjs-grid; 
@include extjs-form; 
@include extjs-form-field; 
@include extjs-form-fieldset; 
@include extjs-form-file; 
@include extjs-form-checkboxfield; 
@include extjs-form-checkboxgroup; 
@include extjs-form-triggerfield; 
@include extjs-form-htmleditor; 
@include extjs-panel; 
@include extjs-qtip; 
@include extjs-slider; 
@include extjs-progress; 
@include extjs-toolbar; 
@include extjs-window; 
@include extjs-messagebox; 
@include extjs-tabbar; 
@include extjs-tab; 
@include extjs-tree; 
@include extjs-drawcomponent; 
@include extjs-viewport; 


@include extjs-button-ui(
'green', 

$border-color: #CC00FF 
); 

$relative-image-path-for-uis: true; 

『tbar』これを与えた後にされていないですこのUIのツールバーボタンを見つけることができます。

Answer 1

@import 'ext4/default/all';行が最下部にあることを確認しない限り、このコードは機能しません。 _all.scssのミックスインはコンパイルされる前にこれらの値にアクセスする必要があるため、_all.scssからインポートされた変数には影響を与えません。ウィジェットなどの処理に必要でない場合は、インポート後に自分のコードをすべて宣言することができます。

また、compass compileを実行すると端末でエラーメッセージが表示されることがあります。悪い画像のURL。

次の2つの記事は、より多くのヘルプを提供する必要があります。私はExtJSのためSASSのUIを作成する方法を学んだと彼らは私には非常に貴重だった：

http://existdissolve.com/2011/09/extjs-4-theming-getting-this-thing-to-go/

http://existdissolve.com/2011/09/extjs-4-theming-custom-uis/