Settings
Contents
- 1 Breakpoints
- 2 Typography
- 2.1 font-size
- 2.2 font-family
- 3 Colors
- 4 Gradients
- 5 Spacing
- 6 Sizing
- 7 Borders
- 8 Transitions
Breakpoints
$slicer-breakpoints: 100px 200px 320px 400px 500px 600px 768px 800px 900px 1000px 1100px 1200px 1300px 1400px 1500px 1600px 1700px 1800px;
$slicer-anti-overlap-corrections: -1px;
For more information about breakpoint mixins visit ASCE Digital Style Guide.
Typography
font-size
$base-font-size: 16px;
font-family
$mulish: 'Mulish', 'Helvetica Neue', Helvetica, sans-serif;
The $mulish
variable is applied as presented below.
More information about this font-family
can be found on Mulish - Google Fonts.
For more details about typography visit ASCE Digital Style Guide.
Colors
For more information about colors visit Colors or ASCE Digital Style Guide.
Gradients
For more information about gradients visit Gradients or ASCE Digital Style Guide.
Spacing
For more information about $component-margin
visit ASCE Digital Style Guide.