How to use Bourbon, Neat, Bitters and Refills in a Yeoman app with Bower.

instructions.md

Your bower_components folder should be outside of your /app folder. Otherwise you'll need to modify the paths below.

• Scaffold your Yeoman App
• Install Bourbon, Neat & Bitters
  • bower install bourbon
  • bower install neat
  • bower install bitters
• In your app/stylesheets/main.scss include the assets in this order

@import '../../bower_components/bourbon/dist/bourbon';
@import '../../bower_components/bitters/app/assets/stylesheets/base';
@import '../../bower_components/neat/app/assets/stylesheets/neat';

• Bitters: In your _base.scss file, you need to uncomment around line 10.

// Neat Settings -- uncomment if using Neat -- must be imported before Neat
@import 'grid-settings';

• Bitters: In your _grid_settings.scss file, replace line 1 with the following:

@import '../../../../neat/app/assets/stylesheets/neat-helpers';