bourbonのダウンロード - bourbonソースコードのダウンロード

ダウンロード

2024年9月13日の時点で非難されました

このプロジェクトは維持されなくなりました。このライブラリの代わりに、現代のネイティブCSS機能を活用することを人々に奨励しています。各ヘルパーを交換または再考する方法に関するブログ投稿を参照できます。

バーボンは、より効率的なスタイルシートの著者になるように設計されたサスミックスと機能のライブラリです。

それは…

Rubymsパッケージマネージャーを使用してバーボンジェムをインストールします。
```
gem install bourbon
```
バーボンライブラリを現在のディレクトリにインストールします。
```
bourbon install
```
プロのヒント： pathを使用して、インストールを特定のディレクトリにターゲットにすることができます。
```
bourbon install --path my/custom/path/
```
スタイルシートの先頭にバーボンをインポートします：
```
 @import " 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 ）ですべてのスプロケットディレクティブを削除し、代わりにsassのネイティブ@importを使用します（なぜ？）。
application.scssの開始時にバーボンをインポートします。バーボンの機能を利用するプロジェクトスタイルは、バーボン後にインポートする必要があります。
```
 @import " bourbon " ;
@import " home " ;
@import " users " ;
```

依存関係としてバーボンを追加します：
```
npm install --save bourbon
```
眼鏡を使用している場合は、ステップ3にスキップしてください。それ以外の場合は、ノードサスincludePathsオプションにバーボンを追加する必要があります。 require("bourbon").includePathsノードサスに渡す必要があるディレクトリの配列です。これを行う方法は、ノードサスがプロジェクトに統合される方法によって異なります。
サスファイルにバーボンをインポートします：
```
 @import " bourbon " ;
```

すでに持っているバーボンジェムバージョンをアンインストールしてください：
```
gem uninstall bourbon
```
-vフラグを使用して、必要なバージョンを指定するバーボンジェムを再インストールします。
```
gem install bourbon -v 4.2.7
```
上記の指示に従って、プロジェクトにバーボンをインストールしてください。

bourbon [options]

指示	説明
`bourbon install`	現在のディレクトリにバーボンをインストールします
`bourbon update`	現在のディレクトリでバーボンを上書きして更新します
`bourbon help`	ヘルプを表示します