@function - Les fonctions

Vous pouvez créer vos propres fonctions et les utilisez dans vos fichiers.

Remarque : Attention, utiliser un nom de fonction qui ne risque pas d'être en conflit avec les évolutions de sass, ruby et compass.

Exemple :

$grid-width: 40px;
$gutter-width: 10px;

@function grid-width($n) {
  @return $n * $grid-width + ($n - 1) * $gutter-width;
}

.sidebar {
  width: grid-width(5);
}

Résultat CSS après compilation :

.sidebar {
  width: 240px;
}