$_prefix

  • /src/css/core/_core.scss

Prefix of basis classes

$_prefix: '';

$_border-radius

  • /src/css/core/variable/_border-radius.scss

Border radius

scss

$_border-radius: 3px;

$_color-text

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

Default text color

scss

$_color-text: #333;

$_color-black

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

Default black color

scss

$_color-black: #111;

$_color-white

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

Default white color

scss

$_color-white: #fff;

$_color-gray

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

Default gray color

scss

$_color-gray: #999;

$_color-red

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

Default red color

scss

$_color-red: #e74c3c;

$_min-columns

  • /src/css/core/variable/_media-query.scss

The minimum number of columns

scss

$_min-columns: 1;

$_max-columns

  • /src/css/core/variable/_media-query.scss

The maximum number of columns

scss

$_max-columns: 12;

$_sizes

  • /src/css/core/variable/_media-query.scss

Hash of breakpoints

scss

$_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)
);

$_transition-duration

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

Animation time

scss

$_transition-duration: .1s;

$_transition-function-timing

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

Transition function timing

scss

//
// @link  http://www.w3schools.com/cssref/css3_pr_transition-timing-function.asp
//

$_transition-function-timing: ease-out;

$_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;

$_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;