Cacher is the code snippet organizer for pro developers

/**
 * Container Mixin
 *
 * @include container(1200px);
 */
@mixin container($container-max-width: $max-width) {
  width: $container-max-width;
  max-width: $max-width;
  margin-right: auto;
  margin-left: auto;
  padding-right: $space--baseline;
  padding-left: $space--baseline;

  @include respond-to(tablet) {
    padding-right: $space--step-down-1;
    padding-left: $space--step-down-1;
  }
  @include respond-to(smartphone) {
    padding-right: $space--step-down-2;
    padding-left: $space--step-down-2;
  }
}