grid.scss

/**
 * Susy
 * Configuration
 */

$S: (
  columns: 2,
  gutters: 1/20,
  math: fluid,
  output: float,
  gutter-position: after,
);

$M: (
  columns: 6,
  gutters: 2/5,
  math: fluid,
  output: float,
  gutter-position: after,
);

$L: (
  columns: 12,
  gutters: 7/5,
  math: fluid,
  output: float,
  gutter-position: after,
);

.grid-container {
  @include container;
  padding: 0 $grid-padding-S;

  @media( min-width: $tablet ) {
    padding: 0 $grid-padding-M;
  }

  @media( min-width: $desktop ) {
    padding: 0 $grid-padding-L;
  }
}
// This is for the footer
// https://css-tricks.com/snippets/css/sticky-footer/
#main-container {
  min-height: 88vh;
  margin-bottom: -$baseline * 6; 

  &:after {
    content: "";
    display: block;
    height: $baseline * 6;
  }
}