@use '../mixins/layout.scss';

.kd-layout__aspect-ratio {
  &--16x9 {
    @include layout.aspect-ratio('16:9');
  }

  &--2x1 {
    @include layout.aspect-ratio('2:1');
  }

  &--1x2 {
    @include layout.aspect-ratio('1:2');
  }

  &--4x3 {
    @include layout.aspect-ratio('4:3');
  }

  &--3x4 {
    @include layout.aspect-ratio('3:4');
  }

  &--1x1 {
    @include layout.aspect-ratio('1:1');
  }
}

.kd-layout__object-fit {
  &--cover {
    @include layout.object-fit('cover');
  }

  &--contain {
    @include layout.object-fit('contain');
  }
}