重写Ext.js sass/css变量而不创建自定义主题
是否可以只更改几个全局css变量而不创建一个全新的主题或ui 我正在尝试设置,例如,重写Ext.js sass/css变量而不创建自定义主题,css,extjs,sass,sencha-cmd,Css,Extjs,Sass,Sencha Cmd,是否可以只更改几个全局css变量而不创建一个全新的主题或ui 我正在尝试设置,例如,$form字段边框宽度:0 1px 0创建MyApp/sass/var/form/field/Base.scss并删除代码 我使用的是Neptune,并且只有一些更改,所以我试图避免创建一个完整的主题包。默认情况下,目录用于存储与应用程序组件相关的样式。 如果要覆盖核心组件(如Ext.*)的SCS,应将app.json文件中的Sass命名空间替换为: "sass": { "namespace": "" }
$form字段边框宽度:0 1px 0代码>创建MyApp/sass/var/form/field/Base.scss
并删除代码
我使用的是Neptune,并且只有一些更改,所以我试图避免创建一个完整的主题包。默认情况下,目录用于存储与应用程序组件相关的样式。
如果要覆盖核心组件(如Ext.*)的SCS,应将app.json
文件中的Sass命名空间替换为:
"sass": {
"namespace": ""
},
确保将变量文件存储在sass/var
目录中。在您的情况下,路径应该是:MyApp/sass/var/Ext/form/field/Base.scss
是否设置了所有scss文件?如果是这样的话,只需重写它们的变量并编译sas就可以了,这对设置scss文件意味着什么?我成功地在MyApp/sass/etc中添加了自定义css,但我只有在创建自己的主题包时才能覆盖变量。当我不得不覆盖基本主题时,我也是这样做的。基本上设置我想要覆盖的变量,然后导入它们的主题。