@import "../base";

// These *must* be defined in a separate loop as they have the same
// specificity as the non-breakpoint specific classes, so need to appear after
// them in the outputted CSS
@each $width in map-keys($govuk-grid-widths) {
  .govuk-grid-column-#{$width}-from-wide {
    @include govuk-grid-column($width, $at: wide);
  }
}

@each $width in map-keys($govuk-grid-widths) {
  .govuk-grid-column-#{$width}-from-desktop {
    @include govuk-grid-column($width, $at: desktop);
  }
}

@each $width in map-keys($govuk-grid-widths) {
  .govuk-grid-column-#{$width}-from-tablet {
    @include govuk-grid-column($width, $at: tablet);
  }
}

@each $width in map-keys($govuk-grid-widths) {
  .govuk-grid-column-#{$width}-from-mobile-large {
    @include govuk-grid-column($width, $at: mobile-large);
  }
}