Installation

Beard can be installed via NPM or Bower.

$ npm install beardcss

$ bower install beard


Adding Beard into your project

The Recommended Way

The best way to add Beard to your project is to copy the contents of beard/beard.scss to your main Sass file. This allows for the best source ordering. From there, we recommend adding your site styles between the "Objects" and "Helpers" sections, like so:


// Objects
...

// Your styles go here

// Helpers
...

Note: You will have to change the import paths to the actual location as when they're copied into your main Sass file, they will have changed.


Or…Just the Dead Simple Installation

Or you could just import it directly. We don't recommend it, but if you need something quick, go ahead!

@import '../bower_components/beard/beard'