Sass math.pow()

Definition and Usage

math.pow($base, $exponent) raises $base to the power of $exponent. Both arguments must be unitless. Load it with @use "sass:math" on Dart Sass 1.25+.

Syntax

@use "sass:math";

math.pow($base, $exponent); //=> unitless number

math.pow(10, 2);                 // 100
math.pow(100, math.div(1, 3));   // 4.6415888336  (cube root)
math.pow(5, -2);                 // 0.04

math.pow(9, 0.5); // 3  (same idea as math.sqrt(9))

// Apply units after the power
16px * math.pow(1.25, 2); // 25px

// Module API — prefer math.pow after @use "sass:math"

Pattern: keep scale math unitless → call math.pow → multiply by a length when CSS needs units. Related: math.log, math.sqrt, math.div.

Exponents and Roots

How different exponents behave:

Related Functions

Load with @use "sass:math". Previous: math.percentage(). Next: math.random(). Also: math.log(), math.sqrt(), math.div(), math.is-unitless().

SCSS Examples

Examples target Dart Sass 1.25+ with @use "sass:math". Open View Compiled CSS for verified output (matches official Sass docs samples).

@use "sass:math";

@debug math.pow(10, 2); // 100

.basic {
  --a: #{math.pow(10, 2)};
}

.basic {
  --a: 100;
}

@use "sass:math";

@debug math.pow(100, math.div(1, 3)); // 4.6415888336

.root {
  --b: #{math.pow(100, math.div(1, 3))};
}

.root {
  --b: 4.6415888336;
}

@use "sass:math";

@debug math.pow(5, -2); // 0.04

.neg {
  --c: #{math.pow(5, -2)};
}

.neg {
  --c: 0.04;
}

@use "sass:math";

.roundtrip {
  --back: #{math.pow(10, math.log(10, 10))};
  --sqrt: #{math.pow(9, 0.5)};
  --sqrt2: #{math.sqrt(9)};
}

.roundtrip {
  --back: 10;
  --sqrt: 3;
  --sqrt2: 3;
}

@use "sass:math";

$base: 2;
$exp: 3;

.scale {
  --steps: #{math.pow($base, $exp)};
  opacity: math.pow(0.5, 2);
  font-size: 16px * math.pow(1.25, 2);
}

.scale {
  --steps: 8;
  opacity: 0.25;
  font-size: 25px;
}

Sass Support

Prefer the module form with Dart Sass 1.25+.

Compile with the Dart Sass CLI.

Key Takeaways

Compile Notes

Practical checklist:

1. @use "sass:math"
2. Keep $base and $exponent unitless
3. Use fractional exponents for roots; negative for reciprocals
4. Multiply by a length after pow when CSS needs units
5. Pair with math.log for modular-scale round-trips