Comment obtenir le carré d'une valeur dans SCSS mathématiquement?

Question

Sass n'a pas de fonction de puissance. Alors, comment pourrais-je faire une opération de puissance comme ça?

.className { 
    padding: 2^2; // Should equal 4 
} 

Des idées?

Answer 1

Vous devrez faire une fonction pour quelque chose comme:

@function power($number, $power) { 
    $exponent: 1; 

    @if $power > 0 { 
     @for $i from 1 through $power { 
      $exponent: $exponent * $number; 
     } 
    } @else if $power < 0 { 
     @for $i from 1 through $power { 
      $exponent: $exponent/$number; 
     } 
    } 

    @return $exponent; 
} 

Le crédit doit aller à ce gars qui a fait ceci: https://www.bhalash.com/archives/13544805657