0

我在 SASS 中发现了几个变量,在我的 *.scss 主题文件中定义,当使用“sencha app build”在 Sencha Cmd 中构建应用程序时,它们不会根据它们的名称编译正确的 CSS。我想要做的只是有一个默认颜色,一个默认背景颜色,以及每当事件发生时的一些其他变体,例如结束、聚焦、按下和禁用。然后确保它们适用于所有组件(表单字段、组合、网格单元、树节点等)。我在下面找到了一些示例,这些 SASS 变量中只有一小部分实际上对我有用。

对于 Sencha Cmd 中损坏的 SASS 变量,使用标准 Sencha 功能为所有组件应用主题的最简单方法是什么?你能举几个例子吗?

我发现一些 SASS 变量的示例网页:

https://github.com/mkalafior/extjs4-zend-json-server/tree/master/public/packages/ext-theme-neutral/sass/src

click any of the *.scss files to see the SASS variables

http://zachowen.wordpress.com/2012/09/10/custom-theming-for-extjs-4-part-1-buttons/

$border-radius: 0px,
$border-width: 3px,

$border-color: #900 #500 #500 #900,
$border-color-over: #A00 #700 #700 #A00,
$border-color-focus: #A00 #700 #700 #A00,
$border-color-pressed: #500 #900 #900 #500,
$border-color-disabled: #F6D600 #A66600 #A66600 #F6D600,

$padding: 3px 0,
$text-padding: null,

$background-color: #a00,
$background-color-over: #c00,
$background-color-focus: #c00,
$background-color-pressed: #700,
$background-color-disabled: #FEBF00,

$background-gradient: null,
$background-gradient-over: null,
$background-gradient-focus: null,
$background-gradient-pressed: null,
$background-gradient-disabled: null,

$color: #F6D600,
$color-over: null,
$color-focus: null,
$color-pressed: #100,
$color-disabled: #500,

$font-size: 11px,
$font-size-over: 11px,
$font-size-focus: 11px,
$font-size-pressed: 11px,
$font-size-disabled: 11px,

$font-weight: bold,
$font-weight-over: bold,
$font-weight-focus: bold,
$font-weight-pressed: bold,
$font-weight-disabled: bold,

$font-family: sans-serif,
$font-family-over: sans-serif,
$font-family-focus: sans-serif,
$font-family-pressed: sans-serif,
$font-family-disabled: sans-serif,

$icon-size: null
4

1 回答 1

0

看起来您正在发明一些不存在的全局 SASS 变量。我建议先阅读主题指南,然后查看组件的文档以了解它们支持哪些 SASS 变量,并在新主题或应用程序 SASS 中更改这些变量以满足您的需求。

于 2013-09-17T18:47:12.980 回答