Ստորակետներ պարունակող պարամետրերը LESS-ում
Ենթադրենք ունենք բլոկի ստվեր ստեղծող ֆունկցիա.
.shadow(@s) {
box-shadow: @s;
}
Ինչպես տեսնում եք, մեր ֆունկցիան ունի մեկ պարամետր։ Սա նշանակում է, որ մենք այս պարամետրին կփոխանցենք մեր ստվերի բոլոր արժեքները բացատով, ահա այսպես.
div {
.shadow(1px 1px red);
}
Սակայն CSS-ում կարելի է սահմանել մի քանի ստվեր՝ գրելով դրանք ստորակետով առանձնացված։ Մեր դեպքում դա, ավաղ, հնարավոր չէ, քանի որ ստորակետը կընկալվի կոմպիլյատորի կողմից որպես ֆունկցիայի պարամետրերի բաժանարար.
div {
.shadow(1px 1px red, 1px 1px blue); // կտա սխալ
}
Սակայն ելք կա։ Մենք կարող ենք ստիպել LESS-ին ընկալել մեր ստորակետ պարունակող տողը որպես մեկ պարամետր։ Դրա համար անհրաժեշտ է մեր արժեքների ցուցակը ավարտին հասցնել կետ-ստորակետով.
div {
.shadow(1px 1px red, 1px 1px blue;);
}
Ստեղծեք ֆոն ավելացնող ֆունկցիա։ Օգտագործելով այս ֆունկցիան՝ ավելացրեք բլոկին մի քանի ֆոն։
