Согласно документации Sencha, создание и компиляция новых тем должны выполняться с помощью Sencha CMD.
Я хотел бы создать новую тему (которая будет унаследована от существующей) и иметь возможность скомпилировать ее с помощью Compass без Sencha CMD.
Любая идея, как это сделать?
Если вы хотите создать новую тему с нуля, это, вероятно, будет немного сложно, и я бы порекомендовал сначала попробовать расширить существующую тему. По сути, тема состоит из двух больших частей: шаблонов CSS и переопределений JavaScript; CSS, в свою очередь, разделен на код SASS, примеси и переменные.
Существует руководство по созданию тем, в котором обсуждается создание тем для версии 4.2. ; для примеров наследования вы можете взглянуть на существующие темы: например, серая тема, которая расширяет классическую тему, которая, в свою очередь, наследуется от нейтральной темы, у которой базовая тема является родителем. Neptune также может дать вам множество примеров переопределения JavaScript.
compass watch.
- person CD..; 09.04.2013
У нас были темы в нашем приложении для последнего Ext 4, выпущенного без командного инструмента sencha. Имейте в виду, что это код версии 4.1, и он мог измениться с версии 4.2. Вам необходимо установить ruby/compass и создать конфигурационный файл для компаса, который сообщит ему о загрузке конкретных переменных ext, и вы сможете установить переменные конфигурации компаса. http://compass-style.org/help/tutorials/configuration-reference/
Вот пример файла конфигурации с именем config.rb (я думаю, что он должен называться config.rb, но не цитируйте меня). Он взят из extDir/resources/sass
# $ext_path: This should be the path of where the ExtJS SDK is installed
# Generally this will be in a lib/extjs folder in your applications root
# <root>/lib/extjs
$ext_path = "../extjs/4.1"
# sass_path: the directory your Sass files are in. THIS file should also be in the Sass folder
sass_path = File.dirname(__FILE__)
# css_path: the directory you want your CSS files to be.
# Generally this is a folder in the parent directory of your Sass files
css_path = File.join(sass_path, "css")
# We need to load in the Ext4 themes folder, which includes all it's default styling, images, variables and mixins
load File.join(File.dirname(__FILE__), $ext_path, 'resources', 'themes')
#Compass config variable
relative_assets = true
Вот структура каталога
RedTheme.sass может выглядеть примерно так:
$base-color: red;
@import 'compass';
@import 'ext4/default/all';
После компиляции компаса в каталоге sass будет создан файл redTheme.css.
