Я хочу установить высоту изображения по его соотношению между шириной изображения и шириной элемента и показать его по высоте просмотра (vh). Поэтому я пишу миксин так:
@mixin image-high-by-ratio($image-width, $image-height, $adjust-height) {
$ratio: 100vw / $image-width;
$supposed-high: floor($image-height * $ratio);
height: $supposed-high - $adjust-height;
}
Я пишу что-то вроде этого:
@include images-by-ratio(750px, 980px, 3vh);
И это выдаст ошибку:
Incompatible units: 'vh' and 'vw'.
IЯ знаю, где проблема, но я полагаю, что единица $ratio здесь должна быть абстрактным числом вместо ширины вида (vw), чтобы я мог использовать его с высотой вида (vh).
Как мне это сделать, если я хочу сделать что-то подобное? Или есть ли лучший способ рассчитать соотношение изображения по SASS / SCSS?