// Do not edit this file. Create a custom theme instead.

.unit(@units:1) {
  width: (@unitNarrowWidth + ((@units - 1) * (@unitNarrowWidth + @gridUnitGutter)));
  margin-left: 12px;
  margin-right: 12px;
}

.prefix(@units:1) {
  padding-left: (@units) * (@unitNarrowWidth + @gridUnitGutter);
  .column();
}

.suffix(@units:1) {
  padding-right: (@units) * (@unitNarrowWidth + @gridUnitGutter);
  .column();
}

.push(@units:1) {
  left: (@units) * (@unitNarrowWidth + @gridUnitGutter);
  .column();
}

.pull(@units:1) {
  right: (@units) * (@unitNarrowWidth + @gridUnitGutter);
  .column();
}

@import "../../../../../@{themeDirectory}/less/custom/app-media-progressive-narrow.css.less";
