Beginning css preprocessors

Listing 3-45.  Example Using abs

$fontsize:1.1em;

.container{

  // Will use 1.1em

  font-size:abs($fontsize);

}

---

Chapter 3 

■

 advanCed SaSS

52

ceil($number)

This function will return a rounded-up value of a number, as shown in Listing 

3-46

.

Listing 3-46.  Example Using ceil

$fontsize:1.1em;

.container{

  // Will use 2em

  font-size:ceil($fontsize);

}

floor($number)

This function will return a rounded-down value of a number, as shown in Listing 

3-47

.

Listing 3-47.  Example Using floor

$fontsize:1.1em;

.container{

  // Will use 1em

  font-size:floor($fontsize);

}

percentage($number)

This function will convert the provided number into a percentage and return it. The number provided as the 

argument should be unitless, i.e., it should not possess a unit as a suffix. See Listing 

3-48

.

Listing 3-48.  Example Using percentage

$fontsize:1.1;

.container{

  // Will use 110%

  font-size:percentage($fontsize);

}

round($number)

This function will return the nearest round value of the number provided, as shown in Listing 

3-49

.