Applying operations in Sass

You can use SassScript to assign a value to a property or variable. SassScript enables you to apply standard arithmetic operations (adding, subtracting, multiplying, dividing, and modulo) when assigning values. Other operations are available per data type. In this recipe, you will learn how to use operations in SassScript to assign values.

Getting ready

For this recipe, you will use the command-line Sass compiler. Read the Installing Sass for command line usage recipe of Chapter 1, Getting Started with Sass, to find out how to install it. Operations with SassScript can easily be tested in the interactive mode of Ruby Sass. In the Using Sass interactive mode and SassScript recipe of Chapter 1, Getting Started with Sass, you can read how to use this interactive mode.

How to do it...

Perform the following steps to find out how to apply operation on assigned values:

1. Create a Sass template called operations.scss. This file should contain the SCSS code as follows:

    // scss...