Default font size

• If html is font-size: 62.5%, set 10px

scss

$_base-font-size-px: 16px;

Between the character and line of line-height

scss

$_half-leading: 1 / 4;

Default line height rem

scss

$_base-line-height: 1 + $_half-leading * 2rem;

Margin coefficient

scss

$_margin-coefficient: 1;

HTML element margin coefficient

scss

$_base-margin-bottom: 1

h1 font size scale

scss

$_h1-font-size-scale: 2.5;

h2 font size scale

scss

$_h2-font-size-scale: 2;

h3 font size scale

scss

$_h3-font-size-scale: 1.5;

h4 font size scale

scss

$_h4-font-size-scale: 1.25;

h5 font size scale

scss

$_h5-font-size-scale: 1;

h6 font size scale

scss

$_h6-font-size-scale: 1;

h1 margin top coefficient

scss

$_h1-margin-top: 0;

h1 margin bottom coefficient

scss

$_h1-margin-bottom: $_base-margin-bottom;

h2 margin top coefficient

scss

$_h2-margin-top: $_base-margin-bottom * 2;

h2 margin bottom coefficient

scss

$_h2-margin-bottom: $_base-margin-bottom;

h3 margin top coefficient

scss

$_h3-margin-top: $_base-margin-bottom * 1.5;

h3 margin bottom coefficient

scss

$_h3-margin-bottom: $_base-margin-bottom;

h4 margin top coefficient

scss

$_h4-margin-top: $_base-margin-bottom * 1.25;

h4 margin bottom coefficient

scss

$_h4-margin-bottom: $_base-margin-bottom;

h5 margin top coefficient

scss

$_h5-margin-top: $_base-margin-bottom;

h5 margin bottom coefficient

scss

$_h5-margin-bottom: $_base-margin-bottom * .5;

h6 margin top coefficient

scss

$_h6-margin-top: $_base-margin-bottom;

h6 margin bottom coefficient

scss

$_h6-margin-bottom: $_base-margin-bottom * .5;

Default font family

scss

$_font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;