Settings

Contents

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

https://asce-dev.atlassian.net/wiki/spaces/STYLE/pages/159155093

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.

Sizing

Borders

Transitions