2012-04-05 3 views
3

내 CSS 컴파일을 위해 Sass & 나침반 프레임 워크를 사용하고 있습니다. 나는 내 지역 환경에서 일하고있다. Compass Sprite 이미지 생성을 처리 할 때 두 가지 문제가 발생합니다.Compass Sass Framework 스프라이트 경로 및 레이아웃 설정 (SASS/CSS)

  1. 나는 수평 또는 스마트 또는 기본 수직 이외의 다른 레이아웃을 설정하려는하지만 난 할 수 없습니다. 내가 구문을 확인하고 오른쪽 하나, 폴더 이름 플러스 레이아웃을 사용하고 있지만, 작동시키지 못했습니다. 간격, 간격, 모든 작업과 같은 다른 모든 설정.

  2. 현재 서버가 실행되고 있지 않습니다. 내 css 폴더에서 이미지 폴더로 상대 경로가 필요합니다. 이것처럼 "../images/xxx.png". 나침반은 모두 내 구성 파일을 기반으로 절대 파일 경로를 사용하고 있습니다. 어쨌든 절대 경로 대신 상대 경로를 사용하도록 설정할 수 있습니까? 나는 절대 경로를 생성하는 URL helper mixin을 시도했다.

모든 도움에 감사드립니다. 감사.

답변

5

# 2의 경우 설정 파일에 relative_assets = true을 사용하십시오.

당신이 이미 전화하지 않은 경우 구성한 이미지 및 CSS 폴더의 경로를 자동으로 계산하는 stylesheet-url and image-url Compass 기능을 사용하는 것이 좋습니다. css 폴더의 .css 파일에서 image-url(myfile.jpg)을 호출하면 url(../images/myfile.jpg)으로 컴파일됩니다.

+0

두 번째 질문에 대한 답을 테스트했습니다. 그것은 작동합니다. 그 위에 무언가를 추가하십시오 : image-url ("main/css.png") no-repeat 설정 파일은 이미지 폴더에 대한 이미지 경로를 정의했으며, 기본 폴더는 images 폴더 안에있는 폴더입니다. 경로는 따옴표로 묶어야합니다. – MMA

관련 문제