Аб'яднанне праз коску ў LESS
Няхай у нас ёсць функцыя, якая стварае цень блока:
.shadow(@s) {
box-shadow: @s;
}
Няхай мы хочам дадаць дзве цені блоку, выклікаўшы нашу функцыю два разы:
p {
.shadow(1px 1px red);
.shadow(2px 2px blue);
}
У нас, аднак, нічога не атрымаецца, бо
выклік двух ценяў проста дадасць дзве ўласцівасці
box-shadow:
p {
box-shadow: 1px 1px red;
box-shadow: 2px 2px blue;
}
А мы б хацелі, каб цені былі дададзены
ў адну ўласцівасць box-shadow праз коску,
вось так:
p {
box-shadow: 1px 1px red, 2px 2px blue;
}
Для таго, каб наша функцыя працавала апісаным
чынам, трэба значэнне ўласцівасці пісаць пасля
спецыяльнага аператара +:, вось так:
.shadow(@s) {
box-shadow+: @s;
}
Зрабіце аналагічную функцыю для ўласцівасці
text-shadow.
Зрабіце аналагічную функцыю для ўласцівасці
background.