/*
 * ASPECT RATIO
 */


 @each $breakpoint in map-keys($grid-breakpoints) {
  $infix: breakpoint-infix($breakpoint, $grid-breakpoints);
  @each $key, $ratio in $aspect-ratios {
    @include media-breakpoint-up($breakpoint) {
      .ratio-#{$infix}-#{$key} {
        --#{$variable-prefix}aspect-ratio: #{$ratio};
      }
    }
  }
}

.ratio {
  // default fit is cover
  > * {
    object-fit: cover;
  }
  &.object-fit-cover {
    > * {
      object-fit: cover !important;
    }
  }
  &.object-fit-contain {
    > * {
      object-fit: contain !important;
    }
  }
  &.object-fit-none {
    > * {
      object-fit: none !important;
    }
  }
}