Funktiot LESS:ssä
Tässä oppitunnissa tarkastelemme, kuinka käytetään funktioita. Funktiot muistuttavat jossain määrin sekoittamista, mutta antavat kuitenkin lisätä parametreja, jotka voivat muuttaa arvojaan.
Nämä parametrit välitetään funktion pyöreissä suluissa. Katsotaan esimerkkiä.
Tehdään funktio fs, joka
asettaa fontin koon. Olkoon koko
välitetty parametrina. Parametrina
toimii muuttuja, jonka nimen keksimme
funktion määriteltäessä:
.fs(@size) {
// tässä on funktion koodi
}
Määritetään funktion sisälle, minne parametrimme arvo tulisi lisätä:
.fs(@size) {
font-size: @size;
}
Kutsutaan funktiotamme välittämällä sille parametrina haluttu elementin koko:
p {
.fs(20px);
}
Tuloksena kääntämisen jälkeen fontin koko kappaleesta on yhtä suuri kuin määritetty arvo:
p {
font-size: 20px;
}
Tee funktio w(), joka asettaa
elementin leveyden.
Tee funktio h(), joka asettaa
elementin korkeuden.
