Spojování čárkou v LESS
Předpokládejme, že máme funkci vytvářející stín bloku:
.shadow(@s) {
box-shadow: @s;
}
Řekněme, že chceme bloku přidat dva stíny voláním naší funkce dvakrát:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Nicméně nám se nic nepovede, protože
volání dvou stínů jednoduše přidá dvě vlastnosti
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
Ale my bychom chtěli, aby byly stíny přidány
do jedné vlastnosti box-shadow oddělené čárkou,
takhle:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Aby naše funkce fungovala popsaným
způsobem, je třeba hodnotu vlastnosti zapsat za
speciální operátor +:, takto:
.shadow(@s) {
box-shadow+: @s;
}
Vytvořte podobnou funkci pro vlastnost
text-shadow.
Vytvořte podobnou funkci pro vlastnost
background.
