Mixin to set both grid columns and offsets

foundation-grid-columns-mixin

// For setting both columns and offset in the same mixin
 
@mixin grid-offsets(
    // Mobile First Media Queries
        $small-up-columns: false,
        $small-up-offset: 0,
       $medium-up-columns: false,
       $medium-up-offset: 0,
        $large-up-columns: false,
        $large-up-offset: 0,
       $xlarge-up-columns: false,
       $xlarge-up-offset: 0
        ){
  
  //
  // Mobile First Media Queries
  // 
 
  // Small and up screens  
  @if $small-up-columns {
    @include grid-column($columns:$small-up-columns,$offset:$small-up-offset);
  }
  
  // Medium and up screens
  @if $medium-up-columns {
    @media #{$medium-up} {
      @include grid-column($columns:$medium-up-columns,$offset:$medium-up-offset);
    }
  }
 
  // Large and up screens
  @if $large-up-columns {
    @media #{$large-up} {
      @include grid-column($columns:$large-up-columns,$offset:$large-up-offset);
    }
  }
  
  // XLarge and up screens
  @if $xlarge-up-columns {
    @media #{$xlarge-up} {
      @include grid-column($columns:$xlarge-up-columns,$offset:$xlarge-up-offset);
    }
  }
 
}