2014-06-08 5 views
0

다음 프로젝트에 Bourbon을 Neat 및 Bitters와 함께 사용하고 싶습니다. 나는 세 가지 모두를 설치했지만 진행 방법을 모릅니다.Bourbon을 쓰다듬기로 사용하십시오.

내 프로젝트 폴더에서 세 개의 폴더를 별도로 사용합니까, 아니면 _orbbon.scss에 다른 가져 오기를 추가해야 하나의 주 파일에 모든 가져 오기가 있습니까?

예를 들어 Bourbon (addons) 폴더와 Bitters (extend) 폴더에는 button.scss, clearfix.scss 및 hide-text.scss가 있으며 함께 사용하면 충돌이 발생하지 않습니까?

모든 도움은 감사합니다 :)

+0

그것을 시도하고 알아? – cimmanon

답변

7

당신은 하나 개의 주 파일로 플러그인 (버번, 단정하고 쓴 맛)의 파일을 가져올 수 있습니다. Button.scss, clearfix.scss 및 hide-text.scss는 충돌하지 않습니다.

이 내가 현재 작업 메신저 프로젝트를 구성하는 방법입니다

- project 
|--css 
     |--base //(Bitters) 
     |--bourbon 
     |--neat 
     |--application.sass 
     |--application.css 
|--js 
|--img 
|--index.html 

에서를 application.sass이 내 초기 코드 :

@import 'bourbon/bourbon' 
@import 'base/base' 
@import 'neat/neat' 

그래서 내가 가져 부르봉 왕가, 쓴맛과 깔끔한에서 내 main .sass 파일을 사용하여 쉽게 사용할 수 있습니다. 당신은 기본의 기본 설정을 변경 시작/_variables.scss

확인 대한 추가 정보를 원하시면이 비디오를 수 http://www.youtube.com/watch?v=8ItNE_DX6Cc

+0

StackOverflow에 오신 것을 환영합니다! 동영상의 내용을 요약하면 더 좋을 것이므로 솔루션은 미래의 독자를위한 것입니다 (향후 동영상이 다운되거나 액세스 할 수 없게 될 수도 있음). 응답을있는 그대로두면 링크 전용 응답으로 닫힐 위험이 있습니다. – GenericJon

+0

그 비디오를 발견했으며 효과가있었습니다. 프레임 워크에서 작업하기 전까지는 Codekit이 그것을 컴파일하고 나에게 많은 에러를주었습니다. 그 주위에 아직도 내 방식으로 일하고있어! –

+0

조언을 주신 @GenericJon에게 감사드립니다. 지금 당장 답변을 수정하겠습니다. –