Is it possible to override SASS files for specific components in Sencha Touch? The way one would do it for ExtJS project?
Asked
Active
Viewed 357 times
1 Answers
1
Sure you can. You can
- create a custom component
- add a class to the component (e.g. 'x-my-button')
- add the new class with the deeper classes to the SASS
.x-my-button { &.x-button { .x-button-label{ color: green; } } }
Other than that you can change the styles by:
- http://docs.sencha.com/touch/2.4/apidocs/#!/api/Ext.Button
- hover over CSS Vars and choose the one you need to change
- inside the app.sass add the var first thing in the file.
OR go for global css vars:

Dinkheller
- 4,631
- 5
- 39
- 67
-
No. What I mean is that in ExtJS it is possible to copy over .scss file for the specific component, make changes to it and then compiler will it take instead of the original one. Isn't it how it works? – jayarjo Nov 04 '14 at 11:23
-
Ahh. See changes to my post – Dinkheller Nov 04 '14 at 12:45