// Gutter
$gutter-horizontal: 10px;
$gutter-horizontal-x2: $gutter-horizontal * 2;
$gutter-horizontal-x3: $gutter-horizontal * 3;

$gutter-vertical: 30px;
$gutter-vertical-half: $gutter-vertical / 2;
$gutter-vertical-x2: $gutter-vertical * 2;
$gutter-vertical-x3: $gutter-vertical * 3;
$gutter-vertical-x4: $gutter-vertical * 4;

$space: $gutter-horizontal;
$space-large: $space * 2;
$space-larger: $space * 4;

$base-unit: 15px;
$base-unit-x2: ceil($base-unit * 2);
$base-unit-x3: ceil($base-unit * 3);

// Standard box padding
$padding-inside: 10px;
$padding-inside-very-large: 50px;

// Prefer using bottom margins to get an even flow
$vertical-element-margin: 20px;

//== Components
//
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).

$container-fluid-padding: 20px;

$padding-base-vertical: 12px;
$padding-base-horizontal: 15px;

$padding-large-vertical: 10px;
$padding-large-horizontal: 16px;

$padding-small-vertical: 10px;
$padding-small-horizontal: 20px;

//** Horizontal offset for forms and lists.
$component-offset-horizontal: 180px;

$border-radius-base: 6px;
$border-radius-large: $border-radius-base;
$border-radius-small: 2px;
$border-width: 2px;

$screen-xs: 320px;
$screen-sm: 768px;
$screen-md: 992px;
$screen-lg: 1200px;

$container-lg: 970px;