Flera parametrar i LESS-funktioner
I funktioner i LESS kan man skicka flera
parametrar. För att göra detta måste de listas
separerade med kommatecken. Låt oss som exempel skapa
en funktion size som sätter elementets storlek:
styles.less.size(@w, @h) {
width: @w;
height: @h;
}
Låt oss använda vår funktion:
styles.lessdiv {
.size(200px, 100px);
}
Efter kompilering blir resultatet följande kod:
styles.cssdiv {
width: 200px;
height: 100px;
}
Задание 1
Skapa en funktion .fsh, där den första
parametern ska vara värdet för egenskapen
font-size, och den andra - värdet för egenskapen
line-height.
Задание 2
Skapa en funktion .absTL, som kommer att
sätta absolut positionering. Där den första parametern kommer att ta
värdet för egenskapen top, och den andra -
värdet för egenskapen left.
Задание 3
Skapa liknande funktioner .absTR,
.absBL och .absBR, som sätter absolut
positionering från olika sidor.