/* ==========================================================================
   UTILITIES / #WIDTHS
   ========================================================================== */

// Build the grids
// Create all of our classes for any/all breakpoints (e.g. `.u-width-1/2`).

@include supercell($global-widths);

// Create classes that take effect only at specific breakpoints
// (e.g. `.u-width-1/3@medium`).
//
// Here we’re just looping through our Sass MQ array and generating classes to
// suit each of the breakpoints we find.

@each $alias, $bp in $mq-breakpoints {
  @include mq($from: $bp) {
    @include supercell($global-widths, \@#{$alias});
  }
}