установка контрольных точек в sass с минимальной и максимальной шириной

Question

Эй, ребята, я пытаюсь работать с отзывчивым макетом, но почему-то я не могу исправить минимальную ширину для этого.

$mobile: new-breakpoint(max-width 480px 4); 
$tablet: new-breakpoint(max-width 768px 8); 
$desktop: new-breakpoint(max-width 1336px 10); 
$desktopxl: new-breakpoint(max-width 1550px 10); 

как-то я хочу, чтобы $desktopxl использоваться только между 1337px и 1550px Но i am not able to set the min width. пожалуйста помогите. спасибо. пс: ** я пытался

$desktopxl: new-breakpoint((max-width: 699px) and (min-width: 520px)10); 

Но это не работало.

Answer 1

Вам не нужно мин и перемешать. все, что вам нужно, это сделать min рядом с максимальной шириной. , как например. если вы максимальная ширина 700px тур следующий уровень мин ширина должна быть 701px;

Попробуйте

$mobile: new-breakpoint(max-width 480px 4); 
$tablet: new-breakpoint(max-width 768px 8); 
$desktop: new-breakpoint(min-width 779px 10); 
$desktopxl: new-breakpoint(min-width 1337px 10);