Zurb Foundation Customize XLarge XXLarge Column

this is the SCSS I whipped up for it, I included a divide class to divide the page into the specified numbers
it is included a divided class to divide the page into the specified numbers

// xlarge queries (1441px to 1920px)
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  @for $i from 1 through $total-columns {
    .xlarge-divide-#{$i} {
      width: #{100 / $i}% !important;
    }
    .xlarge-#{$i} {
      width: #{(100/$total-columns)*$i}% !important;
    }
  }
}

// xxlarge queries (1921px up)
@media only screen and (min-width: 120em) {
  @for $i from 1 through $total-columns {
    .xxlarge-divide-#{$i} {
      width: #{100 / $i}% !important;
    }
    .xxlarge-#{$i} {
      width: #{(100/$total-columns)*$i}% !important;
    }
  }
}