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

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

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

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

styles.lessdiv {
  .shadow(1px 1px red);
}

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

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

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

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