@include vs-at-breakpoint(xs) {
  @for $span from 1 through 12 {
    .vs-col-xs-#{$span} {
      @include vs-col(xs, $span);
    }
  }

  @for $push from 1 through 12 {
    .vs-col-xs-push-#{$push} {
      @include vs-col-push(xs, $push);
    }
  }
}

@include vs-at-breakpoint(sm) {
  @for $span from 1 through 12 {
    .vs-col-sm-#{$span} {
      @include vs-col(sm, $span);
    }
  }

  @for $push from 1 through 12 {
    .vs-col-sm-push-#{$push} {
      @include vs-col-push(sm, $push);
    }
  }
}

@include vs-at-breakpoint(md) {
  @for $span from 1 through 12 {
    .vs-col-md-#{$span} {
      @include vs-col(md, $span);
    }
  }

  @for $push from 1 through 12 {
    .vs-col-md-push-#{$push} {
      @include vs-col-push(md, $push);
    }
  }
}

@include vs-at-breakpoint(lg) {
  @for $span from 1 through 12 {
    .vs-col-lg-#{$span} {
      @include vs-col(lg, $span);
    }
  }

  @for $push from 1 through 12 {
    .vs-col-lg-push-#{$push} {
      @include vs-col-push(lg, $push);
    }
  }
}

@include vs-at-breakpoint(xl) {
  @for $span from 1 through 12 {
    .vs-col-xl-#{$span} {
      @include vs-col(xl, $span);
    }
  }

  @for $push from 1 through 12 {
    .vs-col-xl-push-#{$push} {
      @include vs-col-push(xl, $push);
    }
  }
}

@include vs-at-breakpoint(xs) {
  @for $end from 1 through 12 {
    .vs-col-end-xs-#{$end} {
      @include vs-col-end(xs, $end);
    }
  }

  @for $start from 1 through 12 {
    .vs-col-start-xs-#{$start} {
      @include vs-col-start(xs, $start);
    }
  }
}
@include vs-at-breakpoint(sm) {
  @for $end from 1 through 12 {
    .vs-col-end-sm-#{$end} {
      @include vs-col-end(sm, $end);
    }
  }

  @for $start from 1 through 12 {
    .vs-col-start-sm-#{$start} {
      @include vs-col-start(sm, $start);
    }
  }
}
@include vs-at-breakpoint(md) {
  @for $end from 1 through 12 {
    .vs-col-end-md-#{$end} {
      @include vs-col-end(md, $end);
    }
  }

  @for $start from 1 through 12 {
    .vs-col-start-md-#{$start} {
      @include vs-col-start(md, $start);
    }
  }
}
@include vs-at-breakpoint(lg) {
  @for $end from 1 through 12 {
    .vs-col-end-lg-#{$end} {
      @include vs-col-end(lg, $end);
    }
  }

  @for $start from 1 through 12 {
    .vs-col-start-lg-#{$start} {
      @include vs-col-start(lg, $start);
    }
  }
}
@include vs-at-breakpoint(xl) {
  @for $end from 1 through 12 {
    .vs-col-end-xl-#{$end} {
      @include vs-col-end(xl, $end);
    }
  }

  @for $start from 1 through 12 {
    .vs-col-start-xl-#{$start} {
      @include vs-col-start(xl, $start);
    }
  }
}