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 stylesheets/_settings.scss.

Variable Default Purpose
$beard-reset true Adds a classic CSS reset
$beard-base true Adds Beard’s base styling
$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