Funksioni calc në LESS
Le të bëjmë një funksion që do të jetë një mbështjellës
mbi funksionin CSS calc.
Le të pranojë funksioni ynë si parametër të parë
emrin e vetisë,
ndërsa si të dytë - vlerën e llogaritur:
.calc(@name, @calc) {
@{name}: calc(@calc);
}
Le të përdorim funksionin tonë:
p {
.calc(width, ~'10px + 30%');
}
Rezultati i kompilimit:
p {
width: calc(10px + 30%);
}
Tregoni, çfarë do të jetë rezultati i kompilimit të kodit në vijim:
p {
.calc(width, ~'10px + 30%');
.calc(height, ~'10px + 30%');
}