aspect-ratio

Устанавливает фиксированное соотношение сторон элемента с помощью псевдоэлемента ::before с заданным padding-top.

Параметры

Имя	Тип	По умолчанию	Описание
$width *	`number`	—	Необходимая ширина элемента.
$height	`number`	$width	Необходимая высота элемента.

@use 'more-sass' as more;

.element {
  @include more.aspect-ratio(1280px, 720px); // 16:9
}

.element {
  display: block;
  position: relative;
}

.element::before {
  content: '';
  display: block;
  padding-top: 56.25%;
}