Generated by SassMeister.com.

SassMeister-input.scss

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

$alignments: left, right, center;

.large-hero {
  color: white;
  
  &-content {
    @each $alignment in $alignments {
      .#{$alignment} & {
        text-align: #{$alignment};
      }
    }    
  }
}

SassMeister-output.css

.large-hero {
  color: white;
}

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

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

.center .large-hero-content {
  text-align: center;
}