Checkout the starter-kit repository
Setting
The wocss-settings-defaults
module contains base project defaults variables, also variables and settings that could be required for using any of the rest of the framework.
Install using npm:
$ npm install wocss-settings-defaults --save
With a tool like webpack you can import this module writing:
@import '~wocss-settings-defaults';
Variable name | Default value |
---|---|
$color-primary | #7809BA |
$color-secondary | #D4007C |
$color-tertiary | #3A14BE |
Variable name | Default value |
---|---|
$base-background-color | #ffffff |
$base-font-family | 'Open Sans', 'Helvetica Neue Light', 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif |
$base-font-size | 1em |
$base-font-weight | 400 |
$base-line-height | 1.5 |
$base-text-color | #3d3d3d |
$base-border-color | $color-primary |
$base-border-radius | 0.313em |
$base-border-width | 1px |
$base-border | $base-border-width solid $base-border-color |
Variable name | Default value |
---|---|
$base-spacing-unit | 1.5rem |