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