@include box-sizing;

.row {
  @include row;

  .row { 
    @include row($nested: true);
  }
}

.col { 
  @include col; 
}

@if $use-sm == true {
  @media #{$sm} {
    @include cols($mq: sm);
  }
}

@if $use-md == true {
  @media #{$md} {
    @include cols($mq: md);
  }
}

@if $use-md-up == true {
  @media #{$md-up} {
    @include cols($mq: md-up);
  }
}

@if $use-lg == true {
  @if $use-lg == true {
    @media #{$lg} {
      @include cols($mq: lg);
    }
  }
}

@if $use-lg-up == true {
  @media #{$lg-up} {
    @include cols($mq: lg-up);
  }
}

@if $use-xg == true {
  @media #{$xg} {
    @include cols($mq: xg);
  }
}

@if $use-xg-up == true {
  @media #{$xg-up} {
    @include cols($mq: xg-up);
  }
}

@if $use-xx == true {
  @media #{$xx-up} {
    @include cols($mq: xx-up);
  }
}