$elevations: 100, 200, 300, 400, 500, 600;
$shadows: $sui-shadow-100, $sui-shadow-200, $sui-shadow-300, $sui-shadow-400, $sui-shadow-500, $sui-shadow-600;

.sui-a-paper {
  padding: $sui-space-md;
  background: $sui-color-brand-denim-100;
  border-radius: $sui-border-radius-lg;

  @for $n from 1 through length($elevations) {
    $elevation: nth($elevations, $n);

    &.as--elevation-#{$elevation} {
      box-shadow: nth($shadows, $n);
    }
  }
}
