이 프로젝트는 더 이상 유지되지 않습니다. 우리는 사람들 이이 라이브러리 대신 현대적인 CSS 기능을 활용하도록 권장합니다. 각 도우미를 교체하거나 다시 생각하는 방법에 대한 블로그 게시물을 참조 할 수 있습니다.
Bourbon은 Sass Mixins의 라이브러리이며보다 효율적인 스타일 시트 작성자가되도록 설계된 기능입니다.
그것은…
RubyGems 패키지 관리자를 사용하여 Bourbon Gem을 설치하십시오.
gem install bourbon
버번 라이브러리를 현재 디렉토리에 설치하십시오.
bourbon install
Pro Tip : path
플래그를 사용하여 설치를 특정 디렉토리로 타겟팅 할 수 있습니다.
bourbon install --path my/custom/path/
스타일 시트의 시작 부분에서 버번 수입 :
@import " bourbon/bourbon " ;
사용자 정의 변경을 덮어 쓰거나 병합 충돌을 일으켜 Bourbon의 파일을 직접 수정하는 것이 좋습니다.
보석에 버번을 추가하십시오.
gem "bourbon"
그런 다음 실행 :
bundle install
서버 및 application.css
이름을 application.scss
로 다시 시작하십시오.
mv app/assets/stylesheets/application.css app/assets/stylesheets/application.scss
application.scss
( require
, require_tree
및 require_self
)에서 모든 Sprockets 지시문을 삭제하고 대신 Sass의 기본 @import
(왜?)를 사용하십시오.
application.scss
의 시작 부분에서 버번을 가져옵니다. 버번의 기능을 사용하는 프로젝트 스타일은 버번 후에 수입해야합니다.
@import " bourbon " ;
@import " home " ;
@import " users " ;
부르본을 의존성으로 추가하십시오.
npm install --save bourbon
안경을 사용하는 경우 3 단계로 건너 뛰십시오. 그렇지 않으면 Node-Sass includePaths
옵션에 Bourbon을 추가해야합니다. require("bourbon").includePaths
는 Node-Sass로 전달 해야하는 다양한 디렉토리입니다. 이를 수행하는 방법은 Node-Sass가 프로젝트에 어떻게 통합되는지에 따라 다릅니다.
Bourbon을 SASS 파일로 가져옵니다.
@import " bourbon " ;
이미 가지고있는 버번 보석 버전을 제거하십시오.
gem uninstall bourbon
-v
플래그를 사용하여 필요한 버전을 다시 설치하여 필요한 버전을 지정하십시오.
gem install bourbon -v 4.2.7
위의 지침에 따라 Bourbon을 프로젝트에 설치하십시오.
bourbon [options]
옵션 | 설명 |
---|---|
-h , --help | 도움을 보여주세요 |
-v , --version | 버전 번호를 표시하십시오 |
--path | 사용자 정의 경로를 지정합니다 |
--force | 강제 설치 (겹쳐서) |
명령 | 설명 |
---|---|
bourbon install | 버번을 현재 디렉토리에 설치하십시오 |
bourbon update | 현재 디렉토리에서 버번을 덮어 쓰고 업데이트하십시오 |
bourbon help | 도움을 보여주세요 |
Bourbon은 Internet Explorer 11+ 및 최신 버전의 Chrome, Firefox, Safari 및 Edge를 지원합니다.
기고 문서를 참조하십시오. 감사합니다, 기고자!
버번은 저작권 © 2011 Thoughtbot, Inc. 무료 소프트웨어이며 라이센스에 지정된 용어에 따라 재분배 될 수 있습니다.
이 저장소는 ThinkBot, Inc에서 유지 관리 및 자금을 조달합니다. ThoughtBot의 이름과 로고는 ThoughtBot, Inc의 상표입니다.
우리는 오픈 소스 소프트웨어를 좋아합니다! 다른 프로젝트를 참조하십시오. 우리는 고용 할 수 있습니다.