首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >当SASS变量没有编译正确的CSS时,Sencha ExtJS 4标准主题解决方案

当SASS变量没有编译正确的CSS时,Sencha ExtJS 4标准主题解决方案
EN

Stack Overflow用户
提问于 2013-09-17 00:27:41
回答 1查看 1.8K关注 0票数 0

我在SASS中找到了几个变量,它们在我的*.scss主题文件中定义,在使用"sencha应用程序构建“在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

代码语言:javascript
复制
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/

代码语言:javascript
复制
$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
EN

回答 1

Stack Overflow用户

发布于 2013-09-17 18:47:12

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

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/18839450

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档