Configuration

Beard has a set of settings you can tweak to customize the framework for you project. Listed below are some of the important ones. The complete list is found in beard/stylesheets/_settings.scss.

Setting Default Purpose
beard-reset true Adds a classic CSS reset
beard-enable-responsive true Enable responsive features
beard-enable-spacing-helpers true Enable the spacing helpers
beard-spacing-helper-amount 10 Specify how many spacer levels to generate
beard-grid-block-count 12 The amount of column classes to create
beard-grid-gutter 30px The default size of the column gutters
site-width 114rem The maximum size of the site wrappers
sans-serif 'Helvetica Neue', Helvetica, Arial, sans-serif
serif Merriweather, Georgia, serif
code Menlo, Consolas, Monaco, 'Andale Mono', monospace