//  Hydrogen / Properties / Shadow
@mixin h2-prop-shadow(
  // Maps
  $mediaQueryMap,
  // Variables
  $small,
  $medium,
  $large
) {
  @each $mediaKey, $mediaValue in $mediaQueryMap {
    @media #{$mediaValue} {
      [data-h2-shadow*="#{$mediaKey}(small)"] {
        box-shadow: $small;
      }
      [data-h2-shadow*="#{$mediaKey}(medium)"] {
        box-shadow: $medium;
      }
      [data-h2-shadow*="#{$mediaKey}(large)"] {
        box-shadow: $large;
      }
    }
  }
}