Łączenie przez przecinek w LESS
Załóżmy, że mamy funkcję tworzącą cień bloku:
.shadow(@s) {
box-shadow: @s;
}
Załóżmy, że chcemy dodać dwa cienie do bloku, wywołując naszą funkcję dwa razy:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
Jednak nic nam nie wyjdzie, ponieważ
wywołanie dwóch cieni po prostu doda dwie właściwości
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
A chcielibyśmy, aby cienie zostały dodane
do jednej właściwości box-shadow przez przecinek,
w ten sposób:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Aby nasza funkcja działała w opisany
sposób, należy zapisać wartość właściwości po
specjalnym operatorze +:, w ten sposób:
.shadow(@s) {
box-shadow+: @s;
}
Stwórz analogiczną funkcję dla właściwości
text-shadow.
Stwórz analogiczną funkcję dla właściwości
background.
