//  Hydrogen / Properties / Position

@mixin h2-prop-position($mediaQueryMap, $positionMap) {
  @each $mediaKey, $mediaValue in $mediaQueryMap {
    @media #{$mediaValue} {
      @each $position in $positionMap {

        [data-h2-position*="#{$mediaKey}(#{$position})"],
        [data-h2-position*="#{$mediaKey}(#{$position})"][data-h2-visibility] {
          position: #{$position};
          @if $position == "sticky" {
            top: 0;
          }
        }

      }
    }
  }
}