//  Hydrogen / Properties / Fonts / Font Family

@mixin h2-prop-font-family($mediaQueryMap, $fontFamilyMap, $headingMap) {
  @each $mediaKey, $mediaValue in $mediaQueryMap {
    @media #{$mediaValue} {
      @each $fontFamilyKey, $fontFamilyValue in $fontFamilyMap {

        [data-h2-font-family*="#{$mediaKey}(#{$fontFamilyKey})"] {
          font-family: $fontFamilyValue;
          a, span {
            font-family: $fontFamilyValue;
          }
        }

        @each $heading in $headingMap {
          #{$heading}[data-h2-font-family*="#{$mediaKey}(#{$fontFamilyKey})"] {
            font-family: $fontFamilyValue;
            a, span {
              font-family: $fontFamilyValue;
            }
          }
        }
        p[data-h2-font-family*="#{$mediaKey}(#{$fontFamilyKey})"],
        span[data-h2-font-family*="#{$mediaKey}(#{$fontFamilyKey})"] {
          font-family: $fontFamilyValue;
          a, span {
            font-family: $fontFamilyValue;
          }
        }

      }
    }
  }
}