grid_multi_breakpoints_aem.less

@import (once) "/libs/wcm/foundation/clientlibs/grid/grid_base.less";

/* maximum amount of grid cells to be provided */
@max_col: 12;

/* default breakpoint */
.aem-Grid {
  .generate-grid(default, @max_col);
}


/* Extra Small */
@media (max-width: 360px) {
  .aem-Grid {
    .generate-grid(xsmall, @max_col);
  }
}

/* Small */
@media (min-width: 361px) and (max-width: 480px) {
  .aem-Grid {
    .generate-grid(small, @max_col);
  }
}

/* Medium */
@media (min-width: 481px) and (max-width: 770px) {
  .aem-Grid {
    .generate-grid(medium, @max_col);
  }
}

/* Large */
@media (min-width: 771px) and (max-width: 992px) {
  .aem-Grid {
    .generate-grid(large, @max_col);
  }
}

/* Extra Large */
@media (min-width: 993px) and (max-width: 1200px) {
  .aem-Grid {
    .generate-grid(xlarge, @max_col);
  }
}