Henri's comes with a some default settings. These settings are used all through the framework.
| ||The prefix is used as a prefix for all classes which Henri's will output. By default the prefix is empty and thus won't display.|
| ||The grid-prefix is used as a prefix only grid classes. This so you can use Henri's in combination with other frameworks without class conflicts.|
| ||The border radius is applied to multiple other components, but you can also just use it as a variable all through your project.|
| ||Every projects has a default spacing, this can be set with this variable and is also used in multiple components.|
| ||The body font-size is the most important set value in het project. This because all |
| ||The font-path is used when including the fonts. This can be overriden in settings. As described in typography|
| ||A variable set to use in your project.|
| ||The default cubic bezier, which you can use in the transition, animations etc. Edit this to give your project it's own feel.|
| ||A default box shadow which is being applied on multiple components. Can be used as a variable or just set to none.|
$base-... variables can be don in the _tools/pre.scss In that case they can be used everywhere.