/*==========================================================================
 * Restrict
 *
 * When a block shouldn't take up the whole width of the container
 * we can restrict the maximum width
 * ========================================================================== */


@mixin restrict-s {
  @include mq(m) {
    margin-left: auto;
    margin-right: auto;
    width: column(5,8);
    max-width: 38em;
  }
  @include mq(l){
    width: column(6,12);
  }
}

@mixin restrict-m {
  @include mq(m) {
    margin-left: auto;
    margin-right: auto;
    width: column(6,8);
  }
  @include mq(l){
    width: column(8,12);
  }
}

@mixin restrict-l {
  @include mq(m){
    margin-left: auto;
    margin-right: auto;
    width: column(7,8);
  }

  @include mq(l){
    width: column(10,12);
  }
}

.l-restrict-s {
  @include restrict-s;
}
.l-restrict-m {
  @include restrict-m;
}
.l-restrict-l {
  @include restrict-l;
}