@import (reference) '~@/assets/style/extend.less';

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

  @n : @i * 50;

  .w-@{n} {
    width: @n * 1px;
  }

  .h-@{n} {
    height: @n * 1px;
  }

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

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

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

.width-height(0);