Операторы сравнения

• <expression> < <expression> возвращает значение «меньше», если значение первого выражения меньше значения второго.
• <expression> <= <expression> возвращает значение «меньше или равно», если значение первого выражения меньше или равно значению второго.
• <expression> > <expression> возвращает значение «больше», если значение первого выражения больше значения второго.
• <expression> >= <expression> возвращает значение «больше или равно», если значение первого выражения больше или равно значению второго.

@debug 100 > 50; // true
@debug 10px < 17px; // true
@debug 96px >= 1in; // true
@debug 1000ms <= 1s; // true

// SASS
@debug 100 > 50  // true
@debug 10px < 17px  // true
@debug 96px >= 1in  // true
@debug 1000ms <= 1s  // true

Безунитные числа могут сравниваться с любыми числами. Они автоматически преобразуются в единицы измерения другого числа.

@debug 100 > 50px; // true
@debug 10px < 17; // true

// SASS
@debug 100 > 50px  // true
@debug 10px < 17  // true

Числа с несовместимыми единицами измерения сравнивать нельзя.

@debug 100px > 10s;
//     ^^^^^^^^^^^
// Error: Incompatible units px and s.

// SASS
@debug 100px > 10s
//     ^^^^^^^^^^^
// Error: Incompatible units px and s.