我在使用一些SASS主题组件时遇到了很多麻烦。我将从给我最烦恼的那个开始...我已经为EXTjs 4.x编写了一个自定义主题的BUNCH,并且没有遇到过这些问题,但是5.x正在证明有点错误/不同。我不确定我是不是使用了正确的sass变量,或者是什么......请帮忙!
TAB
我从'ext-theme-grey'包中扩展了一个主题。我只是想改变标签标题的文本颜色,但这些sass变量似乎没有正确地改变颜色。 'ext-theme-grey'的文字颜色为#333。
我添加这些sass值,并构建我的主题: 代码:
$tab-color: #c8c8c8 !default;
$tab-color-active: #c8c8c8 !default;
$tab-color-over: #c8c8c8 !default;
$tab-color-disabled: #c8c8c8 !default;
仅对ACTIVE选项卡无变化。出于某种原因,活动标签仍然使用ext-theme-grey css,并覆盖我的主题(截图如下):
我做错了什么?!
参考:链接到重复的sencha论坛帖子here
答案 0 :(得分:1)
为什么要包括主题的CSS和ExtJS主题?你的主题将包含所有相关的CSS,基于ExtJS检测你使用的类。
你的风格被extjs主题中更具体的风格所覆盖。如果你需要两者(我认为你不这样做),你需要将样式标记为!important
,而不是!default