LESS-тегі тінтуір белгілері бар параметрлер

Блок көлеңкесін жасайтын функциямыз бар делік:

.shadow(@s) {
	box-shadow: @s;
}

Көріп отырғаныңыздай, біздің функциямызда бір параметр бар. Бұл біз бұл параметрге көлеңкенің барлық мәндерін бос орын арқылы береміз дегенді білдіреді, мынаған ұқсас:

div {
	.shadow(1px 1px red);
}

Алайда, CSS-те бірнеше көлеңкелерді оларды тінтуір арқылы жазу арқылы белгілеуге болады. Біздің жағдайда бұл, өкінішке орай, жүмбайды, себебі тінтуір компилятор арқылы функция параметрлерінің ажыратығышы ретінде қабылданады:

div {
	.shadow(1px 1px red, 1px 1px blue); // қате шығарады
}

Алайда, шығу жолы бар. Біз LESS-ті тінтуірі бар жолымызды бір параметр ретінде қабылдауға мәжбүрлей аламыз. Ол үшін мәндер тізімін нутқы белгісімен аяқтау керек:

div {
	.shadow(1px 1px red, 1px 1px blue;);
}

Фон қосатын функция жасаңыз. Осы функцияны пайдаланып, блокқа бірнеше фондар қосыңыз.