2017-03-08 7 views
0

Neat/Bourbon을 처음 사용하고 Codekit을 사용하여 설치를 시도 했으므로 몇 가지 멋진 격자를 만들 수 있습니다!Codekit + 깔끔한 컴파일 오류

내 주 SCSS 파일에 @import "neat";을 삽입하여 내장 된 Codekit 버전을 사용하여 Neat을 설치했습니다. 이것은 내가 CSS 파일에 삽입 된 작은 코드 조각을 볼 때 작동하는 것으로 보입니다. 기본적으로 CSS Neat 삽입 만 이해하고 있습니다. 이 코드는 다음과 같습니다

html { 
    box-sizing: border-box; } 

*, *::after, *::before { 
    box-sizing: inherit; } 

그래서, 모두가 따라서 완료하는 컴파일러를 방지, 내가 Codekit에서 다음과 같은 오류가있어 깔끔한 문서를 형성하는 임의의 혼합을 사용하려고 할 때, 제대로 가져 것으로 나타납니다 :

Libsass : 오류 : 믹스 인이라는 그리드 열

역 추적 : 사용자/petedungey/데스크탑/보관/오크/내부/플라이휠 지역 사이트/woocommerce-청사진 현장/응용 프로그램/공공/WP - 콘텐츠/테마 /oak_starter_theme/sass/layout/_grid.scss:14 온라인 사용자 14 명/petedungey/Desktop/Dropbox/Oakbox/Internal/Flywheel 지역 사이트/woocommerce-blueprint-site/app/public/wp-content/themes/oak_starter_theme/sass/layout/_grid.scss

@include grid-column (3); -----------^

아무도 도와 줄 수 있습니까?

답변

2

CodeKit’s Updates page을 통해 살펴보면 여전히 1.7.2를 구현 한 것으로 보입니다. 그러나, grid-column mixin은 Neat 2.0이다.

현재 1.7.2에 대한 문서를 볼 수 있습니다 http://neat.bourbon.io/docs/1.7.2/

+0

아, 감사 타이슨 잘 발견. Codekit에 최신 버전이 있다고 가정해서는 안됩니다! –

+1

Codekit v3.0.8이 Neat의 버전 2.0으로 업데이트되었습니다 ([Codekit 업데이트 참조] (https://codekitapp.com/updates/)). Codekit 버전을 최신 버전으로 업데이트하고 SCSS를 컴파일하면 Neat 2.0을 사용해야하며 최신 구문을 사용할 수 있습니다. –