반응형
센차터치 테마 변경시 유용한 방법입니다. 우선 개인적인 메모 목적으로 적은거라 도움이 되는 포스팅은 아닐듯 합니다.
SASS (CSS 전처리기) http://sass-lang.com
sass 는 meta-language로 css파일을 다이나믹하게 구성하고 생성할 수 있도록 도와준다.
sass 로 작성된 css는 sass인터프리터를 통해 브라우저가 인식할 수 있는 일반적인 css파일을 생성해낸다.
주) 인터프리터 - 소스를 한번에 기계어로 변환시키는 컴파일러와 다르게 프로그램을 한 단계씩 기계어로 해석하여 실행하는 '언어처리 프로그램'이다.
[sass를 사용하기 위해 필요한것]
↳ruby와 rubygem 설치 (osx는 기본으로 설치되어 있다.)
↳그외 gem Plugin 설치
$ sudo gem install haml
$ sudo gem install compass
$ sudo gem install rb-fsevent
[config.rb]
# sass/scss파일을 저장할 디레고리 지정
dir = File.dirname(__FILE__)
# Sencha Touch 프레임 워크 로드
laod File.join(dir, '..', 'themes')
그외 코드는 컴파일된 css파일을 저장할 디렉토리를 지정.
[Compile]
$ pwd
$ cd /Users/eyecandyzero/work/web/sencha2/lib/touch/resources
$ compass compile sass
[Sample]
반응형