/*!
 * Gernerated- & Helper-classes for a column based grid
 *
 * @package #{$package_name()}
 * @path generic/_grid.scss
 */


// =============================================================================
// $ Variables
// =============================================================================
$grid-direction:  $start;


/* =============================================================================
$ Grid Classes
================================================================================
 * A basic grid system wich is dependent on the border-box layout mode
 * e.g.
 *
  <div class="gw">
    <div class="gi one-third"> </div>
    <div class="gi one-third"> </div>
    <div class="gi one-third"> </div>
  </div>
================================================================================ */
.gw,
.grid-wrapper {
  @extend .cf;
  margin-left: -($column-gutter / 2);
  margin-right: -($column-gutter / 2);
}
.gi,
.grid-item {
  // Base styles for .gi--# classes
  float: $grid-direction;
  padding-left: ($column-gutter / 2);
  padding-right: ($column-gutter / 2);
}

/* =================== Grid item abstractions ==================== */
.grid-item--centered {
  margin-left: auto;
  margin-right: auto;
  float: none;
}
/*!
 * Gernerated- & Helper-classes for a column based grid
 *
 * @package #{$package_name()}
 * @path generic/_grid.scss
 */


// =============================================================================
// $ Variables
// =============================================================================
$grid-direction:  $start;


/* =============================================================================
$ Grid Classes
================================================================================
 * A basic grid system wich is dependent on the border-box layout mode
 * e.g.
 *
  <div class="gw">
    <div class="gi one-third"> </div>
    <div class="gi one-third"> </div>
    <div class="gi one-third"> </div>
  </div>
================================================================================ */
.gw,
.grid-wrapper {
  @extend .cf;
  margin-left: -($column-gutter / 2);
  margin-right: -($column-gutter / 2);
}
.gi,
.grid-item {
  // Base styles for .gi--# classes
  float: $grid-direction;
  padding-left: ($column-gutter / 2);
  padding-right: ($column-gutter / 2);
}
Remove the centered grid-item abstractions as a centered div doesnt belong inside a grid
Remove the centered grid-item abstractions as a centered div doesnt belong inside a grid
