2012-07-21 3 views
0

테마로 실험 중입니다. 이를 위해 나는 루비를 다운로드하고 설치했다.응용 프로그램에 사용자 지정 테마 추가

다른 css 파일을 응용 프로그램에 대한 내 테마로 사용하는 방법과 같이 단서가 없습니다.

확장자가 .scss 인 파일을 변경했다고 생각합니다. 누가 응용 프로그램에 대한 내 자신의 테마를 가지고 단계를 통해 나를 걸을 수 있습니까?

답변

2

테마에 대한 부분을 정의하고 테마 관련 항목을 변수에 넣는 것이 어떨까요? 이 부분은 .css 파일을 만들지 않습니다. 여기에 예를

.text { color:$textColor; } 

home.scss

3 개 파일 home.scss, _homePartials.scss 및 _homeTheme.scss

_homePartials.scss

$textColor: #333; 

_homeTheme.scss를 확인하다

.text { width:100%; } 
@import '../partials/homePartials'; 
@import '../partials/homeTheme'; 

좀 봐 http://blog.behance.net/dev/how-we-used-sass-to-build-17-websites-in-five-days

+0

고맙습니다. 좀 더 읽을만한 자료가 있습니까? 그리고'Partials'라는 폴더를 만들어 그 파일들을 저장해야합니까? –

+0

예 partials 폴더 나 원하는 폴더를 만들 수 있습니다. partail이라는 변수 파일에 테마 관련 항목을 정의 할 때마다 항상 다른 옵션을 설정하여 테마를 가질 수 있습니다. –

+0

이 파일을'index.html'에서 어떻게 참조할까요? –

관련 문제