Fonctions

Vous pouvez aussi créer vos propres fonctions.

MéthodeCréation

1
@function somme($a: 1, $b : 2){
2
    @return $a+$b;
3
}
4
.classe1{
5
  width: somme()*1px;
6
}
7
.classe2{
8
  width: somme(5)*1px;
9
}
10
.classe3{
11
  width: somme(9,6)*1px;
12
}

Ce qui donne

1
.classe1 {
2
  width: 3px;
3
}
4
5
.classe2 {
6
  width: 7px; 
7
}
8
9
.classe3 {
10
  width: 15px; 
11
}