SASS | Relational Operators
Relational operators are those which compare the values of two numbers. They tell whether one number is smaller or greater than or equal to the other number. They automatically convert numbers into compatible units.
- <expression> < <expression> returns whether the first expression’s value is less than the second’s.
- <expression> <= <expression> returns whether the first expression’s value is less than or equal to the second’s.
- <expression> > <expression> returns whether the first expression’s value is greater than to the second’s.
- <expression> >= <expression>, returns whether the first expression’s value is greater than or equal to the second’s.
Example:
Output:
true
Output:
false
Output:
true
Output:
false
Numbers without units can be compared with any number. These unitless numbers are automatically converted to the other number’s unit.
Example:
Output:
true
Output:
false
Only the numbers with incompatible units cannot be compared to each other.
Example:
Output:
Error: Incompatible units px and s.
Last Updated :
28 May, 2020
Like Article
Save Article
Share your thoughts in the comments
Please Login to comment...