////
/// Core Module : Media - aspect ratio utilities
/// @group core
////

@supports (aspect-ratio: 16 / 9) {
  @each $ratio, $value in $ratio-scale {
    @include build-utility(media, ratio, $ratio) {
      @include aspect-ratio($ratio, true);
    }
  }
}

#{class-start-with(ns('ratio', ''))} {
  @include fit-cover-center;
  @include size(100%);
}

#{selector-unify(iframe, #{class-start-with(ns('ratio', ''))})} {
  object-fit: fill;
}