Generated by SassMeister.com.

SassMeister-input.scss

// ----
// libsass (v3.2.5)
// ----

$alignments: left, right, center;

.large-hero {
  color: white;
  
  &-content {
    bottom: 1.5rem;
    position: absolute;
    
    @each $alignment in $alignments {
      .#{$alignment} & {
        @if ($alignment != center) {
          #{$alignment}: 1.5rem;
        } @else {
          left: 50%;
          transform: tranlsateX(-50%);
        }
        text-align: #{$alignment};
      }
    }    
  }
}

SassMeister-output.css

.large-hero {
  color: white;
}

.large-hero-content {
  bottom: 1.5rem;
  position: absolute;
}

.left .large-hero-content {
  left: 1.5rem;
  text-align: left;
}

.right .large-hero-content {
  right: 1.5rem;
  text-align: right;
}

.center .large-hero-content {
  left: 50%;
  transform: tranlsateX(-50%);
  text-align: center;
}