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 |
|