[fori]

Здравствуйте, етот код не пропорцыонально увеличивает размер текста ( тоесть текст увеличивается по высоте в 2 раза быстрее чем по длинне)

<div>1234567890987654321</div>

<style>
@media (min-aspect-ratio: 2 / 1) {
      div {
        font-size: 8vh; } }
    @media (max-aspect-ratio: 2 / 1) {
      div {
        font-size: 4vw; } }
<style>

достигается ето таким миксином

/*
@mixin fontSuperSize($number){
    @media (min-aspect-ratio: 2/1) {
            font-size: $number * 2vh;
    }
    @media (max-aspect-ratio: 2/1) {
            font-size: $number * 1vw;
    }   
}*/

Но мне нужно также увеличиваать и размеры div, можно ли менять значение переменной (тоесть сделать свою интерпретацыю vmin, которая будет возращать минимальное значение из 2vh и 1vw)

Благодаря "рони", уже рабочий код

<div></div>
<style>
@media (min-aspect-ratio: 2 / 1) {
      div {
        --superVmin: 2vh; } }
    @media (max-aspect-ratio: 2 / 1) {
      div {
       --superVmin: 1vw; } }
div{
height: 100vh;
width: calc(10 * var(--superVmin, 100px)) ;
background: green;
}
</style>