$_base-font-size-px
Default font size
- If html is
font-size: 62.5%
, set10px
- If you change $_base-font-size-px, you must also change $_base-font-size.
scss
$_base-font-size-px: 16px;
Default font size
font-size: 62.5%
, set 10px
$_base-font-size-px: 16px;
Between the character and line of line-height
$_half-leading: .4;
Default line height rem
$_base-line-height: 1 + $_half-leading * 2rem;
Margin coefficient
$_margin-coefficient: 1;
HTML element margin coefficient
$_base-margin-bottom: 1
h1
font size scale
$_h1-font-size-scale: 2.5;
h2
font size scale
$_h2-font-size-scale: 2;
h3
font size scale
$_h3-font-size-scale: 1.5;
h4
font size scale
$_h4-font-size-scale: 1.25;
h5
font size scale
$_h5-font-size-scale: 1;
h6
font size scale
$_h6-font-size-scale: 1;
h1
margin top coefficient
$_h1-margin-top: 0;
h1
margin bottom coefficient
$_h1-margin-bottom: $_base-margin-bottom;
h2
margin top coefficient
$_h2-margin-top: $_base-margin-bottom * 2;
h2
margin bottom coefficient
$_h2-margin-bottom: $_base-margin-bottom;
h3
margin top coefficient
$_h3-margin-top: $_base-margin-bottom * 1.5;
h3
margin bottom coefficient
$_h3-margin-bottom: $_base-margin-bottom;
h4
margin top coefficient
$_h4-margin-top: $_base-margin-bottom * 1.25;
h4
margin bottom coefficient
$_h4-margin-bottom: $_base-margin-bottom;
h5
margin top coefficient
$_h5-margin-top: $_base-margin-bottom;
h5
margin bottom coefficient
$_h5-margin-bottom: $_base-margin-bottom * .5;
h6
margin top coefficient
$_h6-margin-top: $_base-margin-bottom;
h6
margin bottom coefficient
$_h6-margin-bottom: $_base-margin-bottom * .5;
Default font family
$_font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;