Sass: Numeric Functions | Tutorial Reference

How to use Sass numeric functions like percentage(), round(), ceil(), floor(), abs(), min(), max(), and random() for calculations in CSS preprocessing.

Sass provides a basic set of functions for manipulating numeric values.

Sass Numeric Functions

The following table lists all numeric functions in Sass:

Function	Description	Example	Result
`percentage($number)`	Converts a unit-less number to a percentage; i.e., multiplies it by 100	`percentage(1.5)`	150
		`percentage(1em)`	syntax error
`round($number)`	Rounds a number to the nearest whole number	`round(7.25)`	7
		`round(7.5)`	8
`ceil($number)`	Rounds a number up to the nearest whole number	`ceil(7.25)`	8
`floor($number)`	Rounds a number down to the nearest whole number	`floor(7.75)`	7
`abs($number)`	Returns the absolute value of a number	`abs(7)`	7
		`abs(-7)`	7
`min($numbers)`	Returns the smallest value in a list of numbers	`min(3, 5, -2, 7, 0)`	-2
`max($numbers)`	Returns the largest value in a list of numbers	`max(3, 5, -2, 7, 0)`	7
`random()`	Returns a random value larger than 0 and smaller than 1	`random()`	0.87267
`random($limit)`	Returns a random whole number between 1 and the number specified by $limit, inclusive	`random(4)`	3