$full-height-compat: 100vh;
$full-height: calc(var(--vh, 1vh) * 100);

@function height($value) {
  $height: calc(var(--vh, 1vh) * #{$value});
  @return $height;
}
//noinspection CssOverwrittenProperties
@mixin full-height($value) {
  height: $value;
  height: calc(var(--vh, #{$value}) * 100);
}
//noinspection CssOverwrittenProperties
@mixin full-height-max($value) {
  max-height: $value;
  max-height: calc(var(--vh, #{$value}) * 100);
}
//noinspection CssOverwrittenProperties
@mixin full-height-min($value) {
  min-height: $value;
  min-height: calc(var(--vh, #{$value}) * 100);
}

//noinspection CssOverwrittenProperties
%full-height {
  height: $full-height-compat;
  height: $full-height;
}
//noinspection CssOverwrittenProperties
%full-height-max {
  max-height: $full-height-compat;
  max-height: $full-height;
}
//noinspection CssOverwrittenProperties
%full-height-min {
  min-height: $full-height-compat;
  min-height: $full-height;
}