/* <div class="size-[calc(1000px-4rem)]></div>  */
.size-\[calc\(1000px-4rem\)\] {
  width: calc(1000px - 4rem);
  height: calc(1000px - 4rem);
}

/* <div class="size-[var(--something)]></div> */
.size-\[var\(--something\)\] {
  width: var(--something);
  height: var(--something);
}

/* <div class="size-10></div>  */
.size-10 {
  width: 2.5rem;
  height: 2.5rem;
}

/* <div class="size-max-10></div>  */
.size-max-10 {
  max-width: 2.5rem;
  max-height: 2.5rem;
}

/* <div class="size-min-10></div>  */
.size-min-10 {
  min-width: 2.5rem;
  min-height: 2.5rem;
}