Parametrat me Presje në LESS
Le të themi se kemi një funksion që krijon hije për një bllok:
.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:
div {
.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:
div {
.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:
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Krijoni një funksion që shton sfond. Duke përdorur këtë funksion, shtoni disa sfonde një blloku.