안녕하세요.
김종광입니다.

Sencha Touch 나 Ext JS 테마를 변경 하실 때,
.scss 파일을 다루셔야 합니다.

.scss 다루는 방법 : https://www.sencha.com/blog/an-introduction-to-theming-sencha-touch

Compass 가 .scss 파일을 컴파일 하는 방법은 config.rb 에 기록되어 있습니다.

제 config.rb 를 올려 두도록 하겠습니다. 이 파일에는

  • .css 가 생성 될 때, 어떤 scss 로 부터 만들어 졌는데 위치가 표시되고
  • 귀찮은 .sass-cache 폴더 위치를 옮겨 줍니다.

잘 찾기 어려운 자료라서 이곳에 올려 놓습니다.

# Get the directory that this configuration file exists in
dir = File.dirname(__FILE__)

# Load the sencha-touch framework automatically.
load File.join(dir, '..', '..', 'touch', 'resources', 'themes')

# Compass configurations
sass_path = dir
css_path = File.join(dir, "..", "css")

# Require any additional compass plugins here.
images_dir = File.join(dir, "..", "images")

# output_style = :compressed
# environment = :production
output_style = :expanded
environment = :development

cache_dir            = '/Temp/temp'
cache_path            = cache_dir
sass_options      = { :cache_location => cache_dir, :debug_info => true }

감사합니다.


[ 김종광 – JongKwang Kim ]

– 주식회사 종광, CTO & Founder
– 한국센차유저그룹 운영자
– 미래부/NIPA, 소프트웨어 마에스트로 멘토

– E-Mail : kim@jongkwang.com
– Blog : http://jongkwang.com
– Twitter : @jongkwang
– Facebook : https://facebook.com/kimjongkwang