2011-01-11 7 views
1

저는 컴퍼스를 처음 접했지만 프로젝트에서 컴퍼스를 사용하여 아이콘 스프라이트를 생성하려고했습니다. 이 자습서를 참조하십시오 :컴퍼스에서 아이콘 스프라이트를 생성 할 수 없습니다.

IMO, 튜토리얼 정확하게 명확하지 않다. 시작하기 위해이 자습서에서는 "all-icon-sprites"믹스를 포함하는 "_icons.scss"파일을 만들지 않습니다.

  • :
    @import "icon/*.png"; 
    @include all-icon-sprites; 
    

    이의 결과

    오류입니다 "구문 오류 :. 정의되지 않은 믹스 인 '모든 아이콘 - 스프라이트'"

그래서 내 프로젝트에 "_icons.scss"파일을 추가하고,에 코드를 변경 :

  • 구문 오류 : 이제

    @import "icon/*.png"; 
    @import "_icons"; 
    @include all-icon-sprites; 
    

    ,이 오류가 잘못된를 "$ 삭제 위치를"CSS 후 : 예상 ")"이었다 ": $ 아이콘 - 삭제 ..."

    • 을 /path/to/_icons.scss 라인 (28)에

누구나 내가 잘못하고있는 것을 설명 할 수 있습니까? 또는 "_icons.scss"파일에 실제로 문제가 있습니까?

+0

이 스레드마다 (http://groups.google.com/group/compass-users/browse_thread/thread/3987b6613a5aea55/d7c7b296c4795461?#d7c7b296c4795461) Compass의 깨진 버전을 실행하고있었습니다. – arthurakay

+1

whew. 그래, 확실히 최신 베타를 잡아! – chriseppstein

답변

3

이 자습서에서는 필수는 아니기 때문에 _icons.scss를 가져 오도록 말하지 않습니다. PNG 파일이나 생성 된 파일을 가져 오거나 둘 다 가져올 수 없습니다. PNG 파일을 가져 오는 경우를 제외하고는 동일합니다 (이름 변경, 추가, 제거 등). png 파일이 변경되면 생성 된 스타일 시트가 자동으로 최신 상태로 유지됩니다.

< images>/icon 디렉토리에 png 파일이 있습니까?

솔직히이 오류는 스타일 시트를 처리중인 나침반 버전이 명령 줄에서 사용하고있는 버전이 아닌 경우에 볼 수있는 오류입니다. 레일이나 CLI로 컴파일하고 있습니까?

+0

아하! 내 폴더는 실제로 "아이콘"으로 명명되었으므로 시도했지만 : @import "icons/*. png"; 세대가 실패합니다. 궁극적 인 목표는 여러 세트의 스프라이트를 생성하는 것입니다. "_icons.scss"파일을 보면이를 허용하는 로직을 다시 작성할 수 있습니다. 이것은 분명히 베타 버전이지만 권장 사항이 있습니까? – arthurakay

+0

또한 CSS 파일에서/* line 36, .._ base.scss * /의 출력을 피할 수있는 방법이 있습니까? 그냥 못 생겼어. – arthurakay

+0

다음을 확인하십시오. debug_info 및 : line_numbers를 비활성화하여 출력을 제거하십시오. – Alvin

관련 문제