@import "setup";

@mixin color-length($value) {
  @if _is-length($value) {
    color: #fff;
  }
}

.integer {
  @include color-length(1);
}

.pixels {
  @include color-length(10px);
}

.ems {
  @include color-length(10em);
}

.percent {
  @include color-length(10%);
}

.calc {
  @include color-length(calc(2em - 5px));
}

.env {
  @include color-length(env(safe-area-inset-top, 0));
}

.var {
  @include color-length(var(--a-custom-property));
}

.string {
  @include color-length("stringy");
}

.null {
  @include color-length(null);
}
