Parametrat me Presje në LESS

Le të themi se kemi një funksion që krijon hije për një bllok:

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

Siç e shihni, në funksionin tonë ka një parametër. Kjo do të thotë se ne do të kalojmë në këtë parametër të gjitha vlerat e hijes sonë përmes hapësirës, kështu:

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

Megjithatë, në CSS, mund të vendosni disa hije, duke i shkruar ato përmes presjes. Në rastin tonë për fat të keq kjo nuk do të funksionojë, sepse presja do të perceptohet nga kompailer si ndarës midis parametrave të funksionit:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue); // do të japë një gabim
}

Sidoqoftë, ka një zgjidhje. Mund ta detyrojmë LESS ta perceptojë vargun tonë me presje si një parametër. Për ta bërë këtë, duhet të përfundoni listën e vlerave tona me pikëpresje:

styles.lessdiv {
  .shadow(1px 1px red, 1px 1px blue;);
}
Задание 1

Krijoni një funksion që shton sfond. Duke përdorur këtë funksion, shtoni disa sfonde një blloku.