(Mac)Bourbonのインストール〜使用方法

環境

Visual Studio Code

/homeでbourbonのgemをインストールする（home以外でインストールすると、パスを通す必要があるらしい）

$ cd /home
$ gem install bourbon

Bourbonを配置したいディレクトリ（scssファイルを配置しているフォルダ等）に移動して、下記コマンド実行

$ cd xxxxx  // scssを配置しているフォルダ等
$ bourbon install

• コマンド実行すると、bourbonフォルダが作成される

Bourbonを使う

• 使いたいscssファイルでインポートする

xxxxx.scss

@import "bourbon/bourbon";

• scssファイル保存時（cssファイル生成時）エラーになって、cssが生成されない

• 下記に修正すると解消された

xxxxx.scss

@import "bourbon/_bourbon.scss";