ფუნქციები LESS-ში

ამ გაკვეთილში ჩვენ განვიხილავთ, თუ როგორ გამოვიყენოთ ფუნქციები. ფუნქციები, გარკვეულწილად, მიქსინების მსგავსია, მაგრამ ამ შემთხვევაში ისინი საშუალებას გვაძლევენ დავამატოთ პარამეტრები, რომლებსაც შეუძლიათ თავიანთი მნიშვნელობების შეცვლა.

ეს პარამეტრები გადაეცემა ფუნქციის მრგვალ ფრჩხილებში. მოდით შევხედოთ მაგალითს.

მოდით შევქმნათ ფუნქცია fs, რომელიც დააყენებს ტექსტის ზომას. ზომა გადაეცეს პარამეტრად. პარამეტრის სახით იმოქმედებს ცვლადი, რომლის სახელსაც ჩვენ ვგეგმავთ ფუნქციის გამოცხადებისას:

.fs(@size) {
	// აქ იქნება ფუნქციის კოდი
}

მოდით ფუნქციის შიგნით მივუთითოთ, სად უნდა ჩასვათ ჩვენი პარამეტრის მნიშვნელობა:

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

გამოვიძახოთ ჩვენი ფუნქცია, მას პარამეტრის სახით ელემენტის სასურველი ზომის მიწოდება:

p {
	.fs(20px);
}

შედეგად, კომპილაციის შემდეგ, აბზაცის ტექსტის ზომა გახდება მითითებული მნიშვნელობის ტოლი:

p {
	font-size: 20px;
}

შექმენით ფუნქცია w(), რომელიც დააყენებს ელემენტის სიგანეს.

შექმენით ფუნქცია h(), რომელიც დააყენებს ელემენტის სიმაღლეს.