$_prefix
Prefix of basis classes
$_prefix: '';
Prefix of basis classes
$_prefix: '';
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: calc(1rem + var(--_half-leading) * 2rem)
Margin coefficient
$_margin-coefficient: 1;
h1
margin top coefficient
$_h1-margin-top: 0;
h1
margin bottom coefficient
$_h1-margin-bottom: 1;
h2
margin top coefficient
$_h2-margin-top: 2;
h2
margin bottom coefficient
$_h2-margin-bottom: 1;
h3
margin top coefficient
$_h3-margin-top: 1.5;
h3
margin bottom coefficient
$_h3-margin-bottom: 1;
h4
margin top coefficient
$_h4-margin-top: 1.25;
h4
margin bottom coefficient
$_h4-margin-bottom: 1;
h5
margin top coefficient
$_h5-margin-top: 1;
h5
margin bottom coefficient
$_h5-margin-bottom: .5;
h6
margin top coefficient
$_h6-margin-top: 1;
h6
margin bottom coefficient
$_h6-margin-bottom: .5;
Default font family
$_font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
Border radius
$_border-radius: 3px;
Default text color
$_color-text: #333;
Default black color
$_color-black: #111;
Default white color
$_color-white: #fff;
Default gray color
$_color-gray: #999;
Default red color
$_color-red: #e74c3c;
Animation time
$_transition-duration: .1s;
Transition function timing
//
// @link http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp
//
$_transition-function-timing: ease-out;
Transition function timing
$_transition-delay: 1s;
The minimum number of columns
$_min-columns: 1;
The maximum number of columns
$_max-columns: 12;
Hash of breakpoints
$_sizes: (
'sm': 0,
'md': (_px2rem(640px) / _px2rem($_base-font-size-px) * 1em),
'lg': (_px2rem(1024px) / _px2rem($_base-font-size-px) * 1em),
'xl': (_px2rem(1280px) / _px2rem($_base-font-size-px) * 1em)
);