Funções em LESS

Nesta lição, veremos como usar funções. As funções são um pouco semelhantes aos mixins, mas permitem adicionar parâmetros, que podem alterar seus valores.

Esses parâmetros são passados entre parênteses da função. Vamos ver um exemplo.

Vamos criar uma função fs que definirá o tamanho da fonte. Deixe o tamanho ser passado como um parâmetro. O parâmetro será uma variável, cujo nome inventamos ao declarar a função:

.fs(@size) {
	// aqui vai o código da função
}

Vamos especificar dentro da função onde o valor do nosso parâmetro deve ser inserido:

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

Vamos chamar nossa função, passando o tamanho desejado para o elemento como parâmetro:

p {
	.fs(20px);
}

Como resultado, após a compilação, o tamanho da fonte do parágrafo se tornará igual ao valor especificado:

p {
	font-size: 20px;
}

Faça uma função w() que irá definir a largura do elemento.

Faça uma função h() que irá definir a altura do elemento.