extjs 4.2使用sencha cmd和sass進行主題處理：如何使用css屬性匹配sass變量

Question

例如，我希望能夠將表單觸發器顏色從默認顏色更改爲自定義顏色。看來，我只有從觸發，下邊框的造型在Trigger.scss訪問變量：

$form-trigger-width: 17px !default; 
$form-trigger-border-bottom-width: 1px !default; 
$form-trigger-border-bottom-style: solid !default; 
$form-trigger-border-bottom-color: $form-field-border-color !default; 
$form-trigger-border-bottom: $form-trigger-border-bottom-width $form-trigger-border-bottom-style $form-trigger-border-bottom-color !default; 

$form-trigger-border-bottom-color-over: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default; 
$form-trigger-border-bottom-color-focus: adjust-color($base-color, $hue: -4.322deg, $saturation: -1.065%, $lightness: -16.863%) !default; 
$form-trigger-border-bottom-color-focus-over: null !default; 
$form-trigger-border-bottom-color-pressed: null !default; 

Answer 1

您必須覆蓋在你的SASS/SCSS文件的變量。做到這一點的進口，現在可能是你的青菜文件 頂部看起來像這樣

@import 'ext4/default/all'; 

你需要調用這些變量當然進口

$form-trigger-width: 17px !default; 
$form-trigger-border-bottom-width: 1px !default; 
$form-trigger-border-bottom-style: solid !default; 
$form-trigger-border-bottom-color: $form-field-border-color !default; 
@import 'ext4/default/all'; 

前更改值做什麼你想要它