$_base-font-size-px

  • /src/css/core/variable/_typography.scss

Default font size

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

scss

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

$_half-leading

  • /src/css/core/variable/_typography.scss

Between the character and line of line-height

scss

$_half-leading: 1 / 4;

$_base-line-height

  • /src/css/core/variable/_typography.scss

Default line height rem

scss

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

$_margin-coefficient

  • /src/css/core/variable/_typography.scss

Margin coefficient

scss

$_margin-coefficient: 1;

$_base-margin-bottom

  • /src/css/core/variable/_typography.scss

HTML element margin coefficient

scss

$_base-margin-bottom: 1

$_h1-font-size-scale

  • /src/css/core/variable/_typography.scss

h1 font size scale

scss

$_h1-font-size-scale: 2.5;

$_h2-font-size-scale

  • /src/css/core/variable/_typography.scss

h2 font size scale

scss

$_h2-font-size-scale: 2;

$_h3-font-size-scale

  • /src/css/core/variable/_typography.scss

h3 font size scale

scss

$_h3-font-size-scale: 1.5;

$_h4-font-size-scale

  • /src/css/core/variable/_typography.scss

h4 font size scale

scss

$_h4-font-size-scale: 1.25;

$_h5-font-size-scale

  • /src/css/core/variable/_typography.scss

h5 font size scale

scss

$_h5-font-size-scale: 1;

$_h6-font-size-scale

  • /src/css/core/variable/_typography.scss

h6 font size scale

scss

$_h6-font-size-scale: 1;

$_h1-margin-top

  • /src/css/core/variable/_typography.scss

h1 margin top coefficient

scss

$_h1-margin-top: 0;

$_h1-margin-bottom

  • /src/css/core/variable/_typography.scss

h1 margin bottom coefficient

scss

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

$_h2-margin-top

  • /src/css/core/variable/_typography.scss

h2 margin top coefficient

scss

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

$_h2-margin-bottom

  • /src/css/core/variable/_typography.scss

h2 margin bottom coefficient

scss

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

$_h3-margin-top

  • /src/css/core/variable/_typography.scss

h3 margin top coefficient

scss

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

$_h3-margin-bottom

  • /src/css/core/variable/_typography.scss

h3 margin bottom coefficient

scss

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

$_h4-margin-top

  • /src/css/core/variable/_typography.scss

h4 margin top coefficient

scss

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

$_h4-margin-bottom

  • /src/css/core/variable/_typography.scss

h4 margin bottom coefficient

scss

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

$_h5-margin-top

  • /src/css/core/variable/_typography.scss

h5 margin top coefficient

scss

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

$_h5-margin-bottom

  • /src/css/core/variable/_typography.scss

h5 margin bottom coefficient

scss

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

$_h6-margin-top

  • /src/css/core/variable/_typography.scss

h6 margin top coefficient

scss

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

$_h6-margin-bottom

  • /src/css/core/variable/_typography.scss

h6 margin bottom coefficient

scss

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

$_font-family

  • /src/css/core/variable/_typography.scss

Default font family

scss

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