/**
* 响应式 媒体查询类
**/
@import (reference) "../var.less";

.choose3(@type, @style) when (@type=xs){
  @media screen and (max-width: @sm - 0.1px){
    @style();
  }
}
.choose3(@type, @style) when (@type=sm){
  @media screen and (min-width: @sm - 0.1px) and (max-width: @md - 0.1px){
    @style();
  }
}
.choose3(@type, @style) when (@type=md){
  @media screen and (min-width: @md - 0.1px) and (max-width: @lg - 0.1px){
    @style();
  }
}
.choose3(@type, @style) when (@type=lg){
  @media screen and (min-width: @lg - 0.1px) and (max-width: @xl - 0.1px){
    @style();
  }
}
.choose3(@type, @style) when (@type=xl){
  @media screen and (min-width: @xl - 0.1px) {
    @style();
  }
}

.loop3(@i,@style,@list) when (@i<length(@list)){
  .choose3(extract(@list,@i+1),@style);
  .loop3(@i+1,@style,@list);
}

.media_e(@style,@rest...){
  .loop3(0,@style,@rest);
}