/**
* 响应式 媒体查询类
**/

.choose(@type, @style) when (@type=xs){
  @media (max-width: 768px){
    @style();
  }
}
.choose(@type, @style) when (@type=sm){
  @media (max-width: 920px){
    @style();
  }
}
.choose(@type, @style) when (@type=md){
  @media (max-width: 1200px){
    @style();
  }
}
.choose(@type, @style) when (@type=lg){
  @media (max-width: 1366px){
    @style();
  }
}
.loop(@i,@style,@list) when (@i<length(@list)){
  .choose(extract(@list,@i+1),@style);
  .loop(@i+1,@style,@list);
}

.media(@style,@rest...){
  .loop(0,@style,@rest);
}