ExtJS: Единственный компонент для воспроизведения

Question

Моя цель - изменить размер шрифта заголовка для одной панели.

Я попытался прочитать http://docs.sencha.com/extjs/4.2.1/#!/guide/theming, но все, что я нашел, было тематическое целое приложения, тематические варианты «все-в-в-проекте» и переопределяющие параметры конфигурации в «переопределении темы JS», но переменные CSS, переопределяющие для один компонент.

Есть ли способ достичь этого без суеты с этим SASS для всего проекта?

Answer 1

Просто добавьте класс к панели, а затем создать правило, чтобы соответствовать:

new Ext.panel.Panel({ 
    cls: 'foo', 
    renderTo: document.body, 
    title: 'X' 
}); 

.foo .x-header-text { 
    font-size: 24px; 
}