//  Hydrogen / Properties / Alignment

@mixin h2-prop-alignment($mediaQueryMap, $alignmentMap) {
  @each $mediaKey, $mediaValue in $mediaQueryMap {
    @media #{$mediaValue} {
      @each $alignmentKey, $alignmentValue in $alignmentMap {
        [data-h2-align*="#{$mediaKey}(#{$alignmentKey})"] {
          text-align: $alignmentValue;
        }
      }
    }
  }
}