LESS-ի ֆունկցիաները

Այս դասում մենք կքննարկենք, թե ինչպես օգտագործել ֆունկցիաները: Ֆունկցիաները որոշակիորեն նման են խառնուրդներին, սակայն դրանք թույլ են տալիս ավելացնել պարամետրեր, որոնք կարող են փոխել իրենց արժեքները:

Այս պարամետրերը փոխանցվում են ֆունկցիայի կլոր փակագծերում: Եկեք նայենք օրինակով:

Եկեք ստեղծենք fs ֆունկցիան, որն կսահմանի տառատեսակի չափը: Թող չափը փոխանցվի պարամետրով: Որպես պարամետր կհանդեսգա փոփոխական, որի անունը մենք հորինում ենք ֆունկցիան հայտարարելիս.

styles.less.fs(@size) {
  // այստեղ կլինի ֆունկցիայի կոդը
}

Եկեք ֆունկցիայի ներսում նշենք, թե որտեղ պետք է տեղադրվի մեր պարամետրի արժեքը.

styles.less.fs(@size) {
  font-size: @size;
}

Կանչենք մեր ֆունկցիան՝ փոխանցելով դրան որպես պարամետր տարրի ցանկալի չափը.

styles.lessp {
  .fs(20px);
}

Արդյունքում կոմպիլյացիայից հետո տառատեսակի չափը աբզացի կդառնա նշված արժեքին հավասար.

styles.cssp {
  font-size: 20px;
}