@import (reference) '../extend.less';

.width-height (@i) when (@i <=20) {

  @n : @i * 50;
  @px : @n * 1px;

  .w-@{n} {
    width: @px !important;
  }

  .w-@{n}-min {
    min-width: @px !important;
  }

  .w-@{n}-max {
    max-width: @px !important;
  }

  .h-@{n} {
    height: @px !important;
  }

  .h-@{n}-min {
    min-height: @px !important;
  }

  .h-@{n}-max {
    max-height: @px !important;
  }

  .w-@{n}-p {
    width: @n * 1% !important;
  }

  .h-@{n}-p {
    height: @n * 1% !important;
  }

  .width-height(@i + 1);
}

.width-height(0);

.flex-1 {
  flex: 1;
}