Skip to main content

Sass Parentheses

You can explicitly control the order of operations using parentheses. An operation inside parentheses is always evaluated before any operations outside of them. Parentheses can even be nested, in which case the innermost parentheses will be evaluated first.

Example: style.scss

@debug (1 + 2) * 3; // 9
@debug ((1 + 2) * 3 + 4) * 5; // 65

Example: style.sass

@debug (1 + 2) * 3  // 9
@debug ((1 + 2) * 3 + 4) * 5 // 65