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%;
}