$full-width-compat: 100vw;
$full-width: calc(var(--vw, 1vw) * 100);

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

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