SassScript supports the many types of operations such as Number Operations, Color Operations, String Operations, Boolean Operations, etc...

Lets see the example of each operation and learn how to use it in files...

Number Operations

SassScript supports the standard arithmetic operations on numbers (addition +, subtraction -, multiplication *, division /, and modulo %).

See the code i'm written in SCSS

After the compilation the code is

Color Operation

All arithmetic operations are supported for color values, where they work piecewise. This means that the operation is performed on the red, green, and blue components in turn. For example:

After the compilation

String Operations

In String Operation The + operation can be used to concatenate strings

Looks the code

After compiled to

Parentheses operations

Parentheses can be used to affect the order of operations:

Example

Is Compiled to

Interpolation: #{}

You can also use SassScript variables in selectors and property names using #{} interpolation syntax:

check the example below

Is compiled to