Bashkimi me presje në LESS
Le të themi se kemi një funksion që krijon hije për një bllok:
.shadow(@s) {
box-shadow: @s;
}
Le të themi se duam t'i shtojmë një bllok dy hije, duke thirrur funksionin tonë dy herë:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Sidoqoftë, ne nuk do të arrijmë asgjë, sepse
thirrja e dy hijeve thjesht do të shtojë dy veti
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Por ne do të donim që hijet të shtoheshin
në një veti të vetme box-shadow të ndara me presje,
kështu:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Që funksioni ynë të punojë në mënyrën e përshkruar,
duhet të shkruani vlerën e vetisë pas
operatorit special +:, kështu:
.shadow(@s) {
box-shadow+: @s;
}
Krijoni një funksion të ngjashëm për vetinë
text-shadow.
Krijoni një funksion të ngjashëm për vetinë
background.
