/**
 * 属性样式表
 */


@for $i from 1 through 100{
  .ml-#{$i}{
    margin-left: 1px * $i;
  }
}

.ml-auto{
  margin-left: auto;
}

.mlr-auto{
  margin-left: auto;
  margin-right: auto;
}


@for $i from 1 through 100{
  .mt-#{$i}{
    margin-top: 1px * $i;
  }
}

.padding-15{
  padding: 15px;
}

@each $widthNum in 34, 156, 200, 251{
  .width-#{$widthNum}{
    width: #{$widthNum}px;
  }
}

@for $j from 18 through 36{
  .height-#{$j}{
    height: 1px * $j;
  }
}

.size-35{
  width: 35px;
  height: 35px;
}
