Стили между min-width и max-width

Применить стили для экранов, размер которых попадает в указанный диапазон.

Примесь обовачивает переданные стили в media-запрос вида min-width and max-width.

Код примеси:


.from-to(@min_width, @max_width, @content){
   @media screen and (min-width: @min_width) and (max-width: @max_width){
      @content();
   }
}


@mixin from-to($min_width, $max_width){
   @media screen and (min-width: $min_width) and (max-width: $max_width){
      @content;
   }
}


=from-to($min_width, $max_width)
   @media screen and (min-width: $min_width) and (max-width: $max_width)
      @content


from-to($min_width, $max_width)
   @media screen and (min-width: $min_width) and (max-width: $max_width)
      {block}