dynamic height scaling for network graph placement

[1blockologist]

I pinned the network graph to the bottom of the page as the screen grows larger, but can we do this with an elegant sass formula in main.scss

/* the delta in height is 4vh for every 1000px, can this be put into a Sass formula? */
@media (min-height: 800px){
.height-dynamic {
height: 28vh;
}
}
@media (min-height: 900px){
.height-dynamic {
height: 34vh;
}
}
@media (min-height: 1000px){
.height-dynamic {
height: 38vh;
}
}
@media (min-height: 1100px){
.height-dynamic {
height: 42vh;
}
}
@media (min-height: 1200px){
.height-dynamic {
height: 46vh;
}
}
@media (min-height: 1300px){
.height-dynamic {
height: 48vh;
}
}

I imagine the outcome would be using just one function like this since we know the delta has to increase by 4 every 1000px:

@media(min-height: $min-height){
.height-dynamic {
height: calc(.....);
}
}

[1blockologist]

I mainly just want to know how to do it, and marginally save some space

manual version is implemented correctly but doesn't scale infinitely