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