extjs 4 theming
 

всем привет
посмотрел вот это http://www.slideshare.net/senchainc/slides-5971886
установил себе gem, как это делается написано здесь http://robhoward.id.au/2011/01/compass-sass-on-windows/

но что с ним дальше делать? как сделать свой дизайн?
в туториале используются переменные, кто знает где их можно посмотреть, и как узнать какая за что отвечает?

Присоединяюсь, мне тоже интересен вопрос создания тем в ExtJS 4+

Может кому полезно будет.

Нам потребуется
1. rubyinstaller-1.9.3-p0.exe (последняя на момент написания)
2. SenchaSDKTools-1.2.3-windows-installer.exe (последняя на момент написания)
3. ext-4.0.7-gpl.zip (последняя на момент написания)

1. устанавливаем ruby
2. в командной строке пишем
gem uninstall sass // если вдруг установлена было
gem install sass -v 3.1.1 // это обязательно под другими версиями собрать css не удалось
3. устанавливаем compass
gem install compass --pre

теперь необходимо грамотно оргнаизовать структуру файлов и в командной строке в нужной папке
написать compass compille и по идее должен сформироваться файл стиля css

полезные ссылки:
!!! http://www.rallydev.com/engblog/2011...es-in-extjs-4/ (предложенный пример работает)
http://certun.com/extjs-4-themer/ (генератор тем css
http://www.sencha.com/forum/showthre...nly-be-defined...

ext-4.0.7-gpl\resources\themes\stylesheets\ext4\default\vari ables\ - тут полный перечень всех SASS-переменных, отвечающих за тему.

я благодаря ExtJS узнал про sass, теперь везде применяю, где CSS больше десятка строк, очень удобно.

compass пока не стал ставить, хватает чистого sass

в ExtJS темы пока не создавал, не было нужды, админки обходятся стандартными

возможно, сообщение не по теме, но очень уж понравился sass

Это Вы еще HAML не юзали :D

посмотрел http://ru.wikipedia.org/wiki/Haml
пока не понравилось
sass чем хорош, что обычный css без всякого изменения - это корректрый scss

я просто копирую текущий *.css в *.scss
а потом по мере работы с необходимыми кусками использую новые возможности да и проще объяснить коллегам что происходит с css

а это
!!!
%html{ html_attrs('ru') }
%head
%title Мой блог
%meta(http-equiv="Content-Type" content="text/html; charset=utf-8")
= stylesheet_link_tag "main"
%body
#header
...

совсем не html - переход будет труднее
так что не понравилось

Haml и HTML это совершенно разные вещи, их нельзя сравнивать. HTML это просто язык разметки, а Haml - шаблонизатор.
И кстати, то что на CSS является качественным кодом, на SCSS будет жутким говнокодом, поэтому копирование CSS в SCSS если Вы не собираетесь активно его использовать - плохая практика.

правильный файл css является одновременно и правильным файлом scss (обратное неверно)

почему в одном случае это не говнокод, а после переименования в scss становится сразу говнокодом ?

http://sass-lang.com/tutorial.html

Потому как SCSS и CSS похожи лишь с первого взгляда, но при более детальном рассмотрении оказывается что они совершенно разные, и практики которые были бы валидны в CSS будут в корне неверными в SCSS. Использовать CSS в файлике SCSS можно, но это примерно как в ларек за сигаретами летать на боинге.