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 https://styleguide.asce.org/section-colors.html#asgref-colors.
Gradients
For more information about gradients visit Gradients or https://styleguide.asce.org/section-colors.html#asgref-colors-gradients.
Spacing
For more information about $component-margin
visit ASCE Digital Style Guide.