Sencha コマンドを使用してアプリを生成し、Sass/Css ドキュメントを使用してブランド化しています。タブバーのデフォルト アイコンの背景色を変更するために、Sencha mixin を使用できるはずです。
@include mask-by-background($bg-color, $contrast, $style);
ただし、使用する変数と値の組み合わせに関係なく、常にコンパイル エラー「エラー app.scss (Line 38 of _gradients.scss: Properties are only allowed within rules, directives, mixin includes, or other properties.)」が発生します。 Sencha Touch、SDK、Sencha コマンドの最新バージョンを使用しています。
これまでに試したことのいくつかを次に示します。
$bg-color: #f2f2f2;
@include mask-by-background($bg-color, 80%, 'matte');
$bg-color: #f2f2f2;
@include mask-by-background($bg-color, $contrast: 80%, 'matte');
$bg-color: #f2f2f2;
@include mask-by-background($bg-color, $contrast: 80%, $style:'matte');
私も試しました:
$bg-color: #f2f2f2;
$contrast: 80%;
@include mask-by-background($bg-color, $contrast, 'matte');
「.x-tabbar-red.x-docked-bottom .x-tab-active .x-button-icon」のような巨大なルールを記述してスタイリングをオーバーライドする代わりに、コンパスを使用して css を変更しようとしています。何かご意見は?