2013-09-17 6 views
0

Я нахожу несколько переменных в SASS, определенных в файле темы * .scss, которые не компилируют правильный CSS на основе их имени при создании приложение в Sencha Cmd с использованием «sencha app build». Все, что я хочу сделать, это цвет по умолчанию, фоновый цвет по умолчанию и несколько других вариантов всякий раз, когда происходит событие, например, над, фокус, нажатие и отключение. И затем убедитесь, что они применяются ко всем компонентам (поле формы, комбо, ячейка сетки, узел дерева и т. Д.). Я нашел несколько примеров ниже, и только часть этих SASS-переменных действительно работала для меня.Sencha ExtJS 4 стандартное обходное решение, когда переменные SASS не компилируются правильно CSS

Для переменных SASS, которые нарушены в Sencha Cmd, что является самым простым способом применения тем для всех компонентов с использованием стандартных функций Sencha? И можете ли вы привести пару примеров?

Пример веб-страницы, которые я нашел некоторые Sass переменные:

https://github.com/mkalafior/extjs4-zend-json-server/tree/master/public/packages/ext-theme-neutral/sass/src

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 
+0

Что вы подразумеваете под сломанными переменными? Сбой сборки с ошибкой? Или стили игнорируются в результате css? – Towler

+0

@Tower - стили проигнорированы в результате css .. два стиля, которые я не могу найти подходящие переменные SASS, являются комбо-вариантами, когда вы наводите на них и фокусируетесь на них (цвет не фонового цвета) и поля формы, когда вы наводите на них и фокусируетесь на них (цвет фона не цветной). – MacGyver

+0

Доступны только 2 варианта, если переменные конфигурации не выполняют то, что они должны: файл отчета об ошибке с сопровождающим библиотекой (Sencha или кем бы то ни было), чтобы они могли исправить или развернуть проект и исправить его самостоятельно. – cimmanon

ответ

0

Похоже, вы придумывая некоторые несуществующие глобальные переменные Сасс. Сначала я хотел бы сначала прочитать Theming guide, а затем взглянуть на документацию компонентов, чтобы увидеть, какие SASS-переменные они поддерживают, и изменить эти переменные в соответствии с вашими потребностями либо в новой теме, либо в приложении SASS.