Extjs 在Sencha Touch 2中尝试更改选项卡栏图标背景颜色（使用Sass）时出现编译错误

我使用Sencha命令为我生成应用程序，现在使用他们的Sass/Css文档对其进行品牌化。您应该能够使用Sencha mixin更改选项卡栏中默认图标的背景颜色：

@include mask-by-background($bg-color, $contrast, $style); 

然而，无论我使用的变量和值的组合是什么，我总是会遇到编译错误“error app.scss（_gradients.scss的第38行：属性仅允许在规则、指令、mixin includes或其他属性中使用。）”我使用的是最新版本的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');

---

我正在尝试使用compass来更改css，而不是编写诸如“.x-tabbar-red.x-docked-bottom.x-tab-active.x-button-icon”之类的庞大规则来覆盖样式设置。有什么想法吗？

这就是我用来更改选项卡面板和相应pictos的背景的方法

$base-color: #fff;
$active-color: #08ae2d;

$base-gradient: 'glossy';
$tabs-dark: darken($base-color, 80%);
$tabs-dark-active-color: saturate($active-color, 20%);
$tabs-bottom-active-gradient: 'recessed';

---

这是我的黑色主题，你一定会根据需要改变颜色等级。有关与tabBar相关的css混搭的更多信息，您可以参考

2.2似乎对主题做了很多更改，因此其中一些可能变得无关紧要。谢谢你！我已经查看了_tabs.scs，但它已经使用一年多了，我无法在我的项目中使用它。