18F/calc

// This is largely a reimplementation of the US Web Design System's grid.
// At the time this was created, the WDS was incompatible with this project,
// having an old version of the Skeleton CSS framework in place. The naming
// conventions come from swapping that project out but retaining old code.

@import 'variables.scss';
@import 'neat';

.container {
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  max-width: $max-width;
  width: 100%;
}

@media (min-width: 980px) {
  .container {
    padding-left: 0;
    padding-right: 0;
  }
}

.columns {
  &.one {
    @include span-columns(1);
  }
  &.two {
    @include span-columns(2);
  }
  &.three {
    @include span-columns(3);
  }
  &.four {
    @include span-columns(4);
  }
  &.five {
    @include span-columns(5);
  }
  &.six {
    @include span-columns(6);
  }
  &.seven {
    @include span-columns(7);
  }
  &.eight {
    @include span-columns(8);
  }
  &.nine {
    @include span-columns(9);
  }
  &.ten {
    @include span-columns(10);
  }
  &.eleven {
    @include span-columns(11);
  }
  &.twelve {
    @include span-columns(12);
  }
}